-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
210 lines (208 loc) · 9.71 KB
/
index.html
File metadata and controls
210 lines (208 loc) · 9.71 KB
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="assets/css/style.css">
<script src="https://kit.fontawesome.com/a7b6f2e73a.js" crossorigin="anonymous"></script>
<title>TP White</title>
</head>
<body>
<nav>
<h1>W</h1>
<h1>H</h1>
<h1>I</h1>
<h1>T</h1>
<h1>E</h1>
<ul>
<li><a>HOME</a></li>
<li>ABOUT US</li>
<li>PROJECTS</li>
<li>TEAM</li>
<li>NEWS</li>
<li>CONTACTS</li>
<li>PAGES</li>
</ul>
</nav>
<header>
<h1><span>THE</span> Blog</h1>
<p>Publication of the latest news, articles, and free apps.</p>
</header>
<div class="left">
<div class="feed-1">
<div class="white-width"></div>
<div class="feed-image"><img src="assets/img/blog/1.jpg" alt=""></div>
<div class="feed-text">
<p>JANUARY 30 | 21:30</p>
<h1>Rihanna's Costume Designer Comes Into His Own with New Show</h1>
<p>Admin | Creative | 3 Comments</p>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem eaque libero natus perferendis eius accusamus, doloremque quaerat totam blanditiis neque qui doloribus error quo id impedit reiciendis itaque nobis quas.</h3>
<a>Read More</a>
</div>
</div>
<div class="bar"></div>
<div class="feed-1">
<div class="white-width"></div>
<div class="feed-image"><img src="assets/img/blog/2.jpg" alt=""></div>
<div class="feed-text">
<p>JANUARY 30 | 21:30</p>
<h1>The Four Week Workout to Tank Top Worthy Arm</h1>
<p>Admin | Creative | 3 Comments</p>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem eaque libero natus perferendis eius accusamus, doloremque quaerat totam blanditiis neque qui doloribus error quo id impedit reiciendis itaque nobis quas.</h3>
<a>Read More</a>
</div>
</div>
<div class="bar"></div>
<div class="feed-1">
<div class="white-width"></div>
<div class="feed-image"><img src="assets/img/blog/3.jpg" alt=""></div>
<div class="feed-text">
<p>JANUARY 30 | 21:30</p>
<h1>The Fault in Our Stars Trailer Makes Us Feel All The Feelings</h1>
<p>Admin | Creative | 3 Comments</p>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem eaque libero natus perferendis eius accusamus, doloremque quaerat totam blanditiis neque qui doloribus error quo id impedit reiciendis itaque nobis quas.</h3>
<a>Read More</a>
</div>
</div>
<div class="bar"></div>
<div class="feed-1">
<div class="white-width"></div>
<div class="feed-image"><img src="assets/img/blog/4.jpg" alt=""></div>
<div class="feed-text">
<p>JANUARY 30 | 21:30</p>
<h1>The Broad City Girls Almost Make Us Pee Our Pant</h1>
<p>Admin | Creative | 3 Comments</p>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem eaque libero natus perferendis eius accusamus, doloremque quaerat totam blanditiis neque qui doloribus error quo id impedit reiciendis itaque nobis quas.</h3>
<a>Read More</a>
</div>
</div>
<div class="bar"></div>
<div class="feed-1">
<div class="white-width"></div>
<div class="feed-image"><img src="assets/img/blog/5.jpg" alt=""></div>
<div class="feed-text">
<p>JANUARY 30 | 21:30</p>
<h1>Why Do We Need to Defend Wendy Davis for Being a Working Mom?</h1>
<p>Admin | Creative | 3 Comments</p>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem eaque libero natus perferendis eius accusamus, doloremque quaerat totam blanditiis neque qui doloribus error quo id impedit reiciendis itaque nobis quas.</h3>
<a>Read More</a>
</div>
</div>
<div class="bar"></div>
<div class="pages-choice">
<div class="white-width"></div>
<div class="pages-choice-letter">
<a href="#">1</a>
<a href="#">2</a>
<a href="#" class="active">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">...</a>
<a href="#">75</a>
</div>
</div>
</div>
<div class="right">
<div class="feed-2">
<div class="white-width"></div>
<div class="anti-white-width">
<ul>
<div class="bar"></div>
<li>⌬ Advertising</li>
<div class="bar"></div>
<li>⌬ Fashion & Trends</li>
<div class="bar"></div>
<li>⌬ Media Projets</li>
<div class="bar"></div>
<li>⌬ Small Business</li>
<div class="bar"></div>
<li>⌬ Creative</li>
<div class="bar"></div>
</ul>
<div class="popular-posts">
<h1><span>Popular</span> Posts</h1>
<div class="popular-posts-image"><img src="assets/img/blog/1.jpg" alt=""></div>
<div class="popular-posts-text">
<h1>How the Denver Broncos Cheerleaders Get in Shpae of the Super Bowl</h1>
<p>JANUARY 30 | 21:30</p>
</div>
<div class="popular-posts-image"><img src="assets/img/blog/2.jpg" alt=""></div>
<div class="popular-posts-text">
<h1>How the Denver Broncos Cheerleaders Get in Shpae of the Super Bowl</h1>
<p>JANUARY 30 | 21:30</p>
</div>
<div class="popular-posts-image"><img src="assets/img/blog/3.jpg" alt=""></div>
<div class="popular-posts-text">
<h1>How the Denver Broncos Cheerleaders Get in Shpae of the Super Bowl</h1>
<p>JANUARY 30 | 21:30</p>
</div>
</div>
<div class="bar"></div>
<div class="popular-tags">
<h1><span>Popular</span> Tags</h1>
<a>Fashion</a>
<a>Shop</a>
<a>Color</a><br>
<a>Creative Agency</a>
<a>Theme</a>
<a>Dress</a>
<a>Wordpress</a>
</div>
<br>
<div class="bar"></div>
<div class="about-blog">
<h1><span>About</span> Blog</h1>
<p>I must admit this particular defense set me on edge a little bit, for two reasons. The first is that she's being held to a completely different standard than male politicians are held to.</p>
</div>
</div>
</div>
</div>
<footer>
<div class="white-width"></div>
<div class="featured-posts">
<h2><span>Featured</span> posts</h2>
<div class="featured-posts-image"><img src="assets/img/blog/1.jpg" alt=""></div>
<div class="featured-posts-text">
<p><span>As we developed a unique layout <br>template</span><br>10 January 2014</p>
</div>
<div class="featured-posts-image"><img src="assets/img/blog/2.jpg" alt=""></div>
<div class="featured-posts-text">
<p><span>As we developed a unique layout <br>template</span><br>10 January 2014</p>
</div>
<div class="featured-posts-image"><img src="assets/img/blog/3.jpg" alt=""></div>
<div class="featured-posts-text">
<p><span>As we developed a unique layout <br>template</span><br>10 January 2014</p>
</div>
</div>
<div class="about-us">
<h2><span>About</span> us</h2>
<div class="about-us-text">
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.<br><br>Our team intentionally small, eclectic, and skilled; with<br>our in-house expertise, we provide sharp and</p>
<i class="about-us-icons fab fa-twitter"></i>
<i class="about-us-icons fab fa-facebook-f"></i>
<i class="about-us-icons fab fa-google-plus-g"></i>
<i class="about-us-icons fab fa-pinterest"></i>
<i class="about-us-icons fas fa-map-marker-alt"></i>
</div>
</div>
<div class="contacts-us">
<h2><span>Contacts</span> Us</h2>
<div class="contacts-form">
<form name="contact" netlify>
<p>
<label><input placeholder="Name" type="text" name="name" /></label>
</p>
<p>
<label><input placeholder="Message" type="text" name="message" class="contacts-message" /></label>
</p>
<p>
<button type="submit">SEND MESSAGE</button>
</p>
</form>
</div>
</div>
<div class="white-width-right"></div>
</footer>
</body>
</html>