-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
124 lines (105 loc) · 5.31 KB
/
post.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="Media_query.css">
<script src="https://kit.fontawesome.com/0e03cf8df9.js" crossorigin="anonymous"></script>
<link rel="icon" href="img/logo.png" type="image/png">
<title>Post</title>
</head>
<body>
<!--Wrapper class is used for grid-->
<div class="wrapper-post">
<header id="post-header">
<ul class="nav">
<li class="logo">
<!--the logo-->
<a href="index.html"><img src="img/logo.png" alt="logo" height="70px" width="70px">
<span>TECHNO</span> IT Solution
</a>
</li>
<li><a href="#Contact">CONTACT</a> </li>
<li><a href="#About">ABOUT</a></li>
<li><a href="#Blog">BLOG</a></li>
<li><a href="#Projects">PROJECTS</a></li>
<li><a href="index.html">HOME</a> </li>
</ul>
<!--Css image-->
<h1 class="post">Post</h1>
</header>
<!--Poster's detail descriptions-->
<div class="post-area">
<div class="post-section1">
<h1 class="post-blog-title">Blog Post One</h1>
<p class="post-data"><i class="fas fa-user"></i> Posted by <span class="name-poster">John Doe</span> | April 19 2020
</p>
<p class="post-content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, placeat distinctio quisquam provident accusamus
cum consequatur fuga incidunt quod eaque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam et
excepturi dolor aperiam tenetur tempore assumenda? Officia necessitatibus repellendus commodi.</p>
</div>
<div id="poster1" class="posters">
<!--CSS IMAGE-->
</div>
<div class="post-section2">
<h1 class="post-blog-title">Blog Post One</h1>
<p class="post-data"><i class="fas fa-user"></i> Posted by <span class="name-poster">John Doe</span> | April 19 2020
</p>
<p class="post-content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, placeat distinctio quisquam provident accusamus
cum consequatur fuga incidunt quod eaque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam et
excepturi dolor aperiam tenetur tempore assumenda? Officia necessitatibus repellendus commodi.</p>
</div>
<div id="poster2" class="posters">
<!--CSS IMAGE-->
</div>
<div class="post-section3">
<h1 class="post-blog-title">Blog Post One</h1>
<p class="post-data"><i class="fas fa-user"></i> Posted by <span class="name-poster">John Doe</span> | April 19 2020
</p>
<p class="post-content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, placeat distinctio quisquam provident accusamus
cum consequatur fuga incidunt quod eaque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam et
excepturi dolor aperiam tenetur tempore assumenda? Officia necessitatibus repellendus commodi.</p>
</div>
<div id="poster3" class="posters">
<!--CSS IMAGE-->
</div>
<div class="post-section4">
<h1 class="post-blog-title">Blog Post One</h1>
<p class="post-data"><i class="fas fa-user"></i> Posted by <span class="name-poster">John Doe</span> | April 19 2020
</p>
<p class="post-content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, placeat distinctio quisquam provident accusamus
cum consequatur fuga incidunt quod eaque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam et
excepturi dolor aperiam tenetur tempore assumenda? Officia necessitatibus repellendus commodi.</p>
</div>
<div id="poster4" class="posters">
<!--CSS IMAGE-->
</div>
</div>
</div>
<footer id="featuer">
<div id="footer-section">
<div class="contact-part">
<h3><i class="fab fa-facebook"></i></h3>
</div>
<div class="contact-part">
<h3><i class="fab fa-twitter"></i></h3>
</div>
<div class="contact-part">
<h3><i class="fab fa-youtube"></i></h3>
</div>
<div class="contact-part">
<h3><i class="fab fa-linkedin"></i></h3>
</div>
<p class="copy-right">Copyright<i class="far fa-copyright">2020 It-Solution</i></p>
</div>
</footer>
</div>
<!-----------footer--------------->
<!-----------lightbox file and jQuery--------------->
<script src="js/lightbox-plus-jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="js/smothS.js"></script>
<!------------------------------------------------->
</body>
</html>