-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (161 loc) · 6.42 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BLOGGING</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
</head>
<body>
<!-- Header,Logo,SearchBox -->
<header>
<div class="logo">
Blogging
</div>
<div class="count">
<div class="views">Total Views:<span id="viewCount">0</span></div>
<div class="users">Total Users:<span id="userCount">0</span></div>
</div>
<div class="searchbox">
<button type="submit" class="submit">
<a href="signup.html">Get Started</a>
</button>
<input type="text" placeholder=" Google Search" class="input">
<i class="fas fa-search"></i>
</div>
</header>
<!-- NavBar Menu -->
<nav class="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Nation</a></li>
<li><a href="">Sports</a></li>
<li><a href="">Politics</a></li>
<li><a href="">Entertainment</a></li>
<li><a href="">Search</a></li>
<li><a href="">Contact us</a></li>
</ul>
</nav>
<hr>
<!-- Main Divs -->
<!-- Section 1 -->
<section class="section1">
<div class="box1">
<div class="img">
<img src="images/featured1.png" width="400" height="150" />
<div class="text">
<h2>Should Twitter Get Rid of <br>Follower Counts?</h2>
<h3>The possibility feels closer than ever</h3>
Cool Neha in All Things Creative<br>
<h4>Jan 9 · 5 min read</h4>
</div>
</div>
</div>
<div class="box2">
<div class="top">
<img src="images/top3A.png" width="100" height="100">
<h3>Html, a standardized system for tagging text files to <br>achieve font, colour, graphic, and
hyperlink
effects on WWW pages.</h3>
</div>
<div class="middle">
<img src="images/top3B.png" width="100" height="100">
<h3>CSS describes how HTML elements are to be displayed on screen, paper, or in other media &
control the layout of multiple web pages.</h3>
</div>
<div class="bottom">
<img src="images/top3C.png" width="100" height="100">
<h3>Teach yourself the foundations of designing using these links made for learning.--freecodecamp &
theodinproject</h3>
</div>
</div>
<div class="box3">
<div class="img">
<img src="images/featured3.png" width="400" height="150" />
<div class="text">
<p></p>
<h2>No, That’s Not How You Say It</h2><br>
<h3>A short personal history of my favorite fast food<br>
(<a href="article.html">Read more...</a>)</h3>
VIP Singh <br>
<h4>Jan 29 · 8 min read</h4>
<p></p>
</div>
</div>
</div>
</section> <!--Section-1 Ends-->
<hr>
<!-- Section-2 -->
<section class="section2">
<img src="images/media22.png" alt="">
</section> <!--Section-2 Ends-->
<hr>
<!-- Section-3 -->
<section class="section1">
<div class="box1">
<div class="img">
<img src="images/bottom3C.png" width="400" height="150" />
<div class="text">
<h2>A few good reasons why you should learn to code</h2>
<h3>You might be wondering if learning to code is something you should...</h3>
Rocky Jagtiani <br>
<h4>Jan 9 · 5 min read</h4>
</div>
</div>
</div>
<div class="box2">
<div class="top">
<img src="images/chinese.png" width="100" height="100">
<h3>Only buy something that you’d be perfectly happy to hold if the market shut down for 10 years.</h3>
</div>
<div class="middle">
<img src="images/summer.png" width="100" height="100">
<h3>When I figured out how to work my grill, it was quite a moment. I discovered that summer is a
completely different experience when you know how to grill.</h3>
</div>
<div class="bottom">
<img src="images/winter.png" width="100" height="100">
<h3> Chains of habit are too light to be felt until they are too heavy to be broken.</h3>
</div>
</div>
<div class="box3">
<div class="img">
<img src="images/bottom3B.png" width="400" height="150" />
<div class="text">
<p></p>
<h2>Deep space radio waves baffle astronomers; aliens not ruled out</h2>
<h3> Every time we see something we’ve never seen before that is an opportu..</h3>
Enzyme Snehar<br>
<h4>Jan 29 · 8 min read</h4>
<p></p>
</div>
</div>
</div>
</section> <!--Section-3 Ends-->
<hr>
<!-- Footer -->
<footer>
<div class="nav">
<ul>
<li><a>About us</a></li>
<li><a>Privacy policy </a></li>
<li><a>Newsletter</a></li>
<li><a>Sitemap</a></li>
</ul>
</div>
<div class="social">
<h5 class="white-text"><b>FOLLOW US ON</b></h5>
<a class="fab fa-facebook-f" href="#"></a>
<a class="fab fa-twitter" href="#"></a>
<a class="fab fa-google" href="#"></a>
<a class="fa fa-rss" href="#"></a>
<a class="fab fa-youtube" href="#"></a>
</div>
<div class="copyright">
Copyright © 2019 <a>Suven Consultants and technology pvt ltd</a> All rights reserved
</div>
</footer>
<script src="js/index.js"></script>
</body>
</html>