-
Notifications
You must be signed in to change notification settings - Fork 3
/
blog3.html
97 lines (81 loc) · 7.42 KB
/
blog3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png" class="favicon">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png" class="favicon">
<link rel="manifest" href="favicon/site.webmanifest">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<title>Blog</title>
<!-- <script src="js/script.js" defer></script> -->
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<div class="logo">
<a href="./index.html"><img class="logo" src="./images/logo.png" href="./index.html" alt="logo"></a>
</div>
<nav id="hi">
<ul>
<li class="hide"><a id="hide" href="./index.html">Home</a></li>
<li class="hide"><a id="hide" href="./about.html">About</a></li>
<li class="hide"><a id="hide" href="./blog.html" class="active">Blog</a></li>
<li class="hide"><a id="hide" href="./projects.html">Projects</a></li>
<li class="hide"><a id="hide" href="./accomplishments.html">Accomplishments</a></li>
<li class="hide"><a id="hide" href="./gallery.html">Gallery</a></li>
<li class="hide"><a id="hide" href="./contact.html">Contact</a></li>
</ul>
</nav>
<div class="menu-toggle"><i class="fas fa-bars"></i></div>
</header>
<main>
<div class="blog1-page">
<div class="blog1-heading">
<h1>blog 3</h1>
</div>
<div class="blog1-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque feugiat sagittis ultricies. Quisque rhoncus vestibulum nisl, a lacinia quam mattis consequat. Aliquam eleifend erat libero, eu malesuada quam scelerisque congue. Morbi
imperdiet eros lectus, pharetra porta massa rhoncus sit amet. Quisque accumsan eros at molestie dapibus. Donec tincidunt metus id diam porta, sed eleifend odio molestie. Cras vehicula volutpat pellentesque. Curabitur et magna elementum,
egestas erat vel, vulputate urna. Nam efficitur tincidunt quam. Vivamus malesuada, felis non interdum tincidunt, magna mi sagittis leo, at imperdiet tortor neque placerat erat. Vivamus dapibus varius metus at ultricies. Nullam varius
sem eget maximus hendrerit. Donec vel dolor blandit, convallis orci vulputate, aliquam sem. Vivamus sodales turpis ac sapien rhoncus, non tristique neque sagittis. Nullam placerat fermentum tellus in sodales.
</p>
<p>
Mauris blandit tellus vitae tempus tristique. Vestibulum non consequat nisl. Aliquam erat volutpat. In libero mauris, efficitur vel lacus a, cursus porta ex. Aenean fermentum, mauris quis finibus ultrices, enim massa varius massa, eget sollicitudin erat
nunc vestibulum tortor. Cras sapien ante, fermentum vulputate molestie non, ultricies vel velit. Sed orci felis, pharetra sagittis sem vulputate, pharetra mollis risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel
rhoncus justo. In facilisis nisl a turpis imperdiet vulputate. Cras aliquam lorem eu felis laoreet commodo. Pellentesque tempus neque vitae ornare finibus. Pellentesque fringilla dolor diam. In non tincidunt est, ut ultrices nisl.
Donec ullamcorper urna quis augue fermentum, et varius erat congue.
</p>
<p>Sed pretium magna ut turpis facilisis dapibus. Fusce ultricies nibh et purus viverra, luctus lacinia diam porta. Cras a fringilla justo. Nunc viverra dignissim quam. Nullam viverra sem in viverra sollicitudin. Curabitur sagittis porta
dui, ut blandit dui convallis sit amet. Ut quam libero, porttitor sed bibendum et, pretium at erat. Fusce bibendum accumsan arcu, sit amet feugiat nunc commodo ac. Praesent lacinia luctus mattis. Nullam ornare a augue a ultrices. Vestibulum
interdum dui felis, id pretium justo feugiat vehicula. Duis ut nunc ac felis auctor ornare sed id tellus. Sed dapibus ultrices enim, non efficitur lorem euismod a. Nam placerat ipsum ipsum, eu tempus justo luctus nec. Aliquam vitae
tellus ac elit pharetra ornare. Donec pretium dolor id massa egestas, at porttitor ligula sagittis. Sed eget malesuada eros. Donec accumsan ante vel dictum pharetra. Praesent tempor, urna at imperdiet rhoncus, risus nisi lacinia eros,
nec lobortis sapien dui at diam. Nunc feugiat est sed finibus volutpat. Donec consequat nisi at eros congue, ut lobortis massa aliquet. Suspendisse at finibus dolor. Praesent sed neque ex. Aliquam sed nisi non urna tempus sagittis
eget a ex. Mauris eu dolor in diam imperdiet posuere eu ut magna. Nunc nisi augue, pretium quis ultricies ac, suscipit id magna. Praesent tristique eros non tincidunt feugiat. Fusce egestas pellentesque dui non ornare. Vestibulum eget
purus ut elit facilisis commodo.
</p>
<p>
Sed pretium magna ut turpis facilisis dapibus. Fusce ultricies nibh et purus viverra, luctus lacinia diam porta. Cras a fringilla justo. Nunc viverra dignissim quam. Nullam viverra sem in viverra sollicitudin. Curabitur sagittis porta dui, ut blandit
dui convallis sit amet. Ut quam libero, porttitor sed bibendum et, pretium at erat. Fusce bibendum accumsan arcu, sit amet feugiat nunc commodo ac. Praesent lacinia luctus mattis. Nullam ornare a augue a ultrices. Vestibulum interdum
dui felis, id pretium justo feugiat vehicula. Duis ut nunc ac felis auctor ornare sed id tellus. Sed dapibus ultrices enim, non efficitur lorem euismod a. Nam placerat ipsum ipsum, eu tempus justo luctus nec. Aliquam vitae tellus ac
elit pharetra ornare. Donec pretium dolor id massa egestas, at porttitor ligula sagittis. Sed eget malesuada eros. Donec accumsan ante vel dictum pharetra. Praesent tempor, urna at imperdiet rhoncus, risus nisi lacinia eros, nec lobortis
sapien dui at diam. Nunc feugiat est sed finibus volutpat. Donec consequat nisi at eros congue, ut lobortis massa aliquet. Suspendisse at finibus dolor. Praesent sed neque ex. Aliquam sed nisi non urna tempus sagittis eget a ex. Mauris
eu dolor in diam imperdiet posuere eu ut magna. Nunc nisi augue, pretium quis ultricies ac, suscipit id magna. Praesent tristique eros non tincidunt feugiat. Fusce egestas pellentesque dui non ornare. Vestibulum eget purus ut elit
facilisis commodo.
</p>
</div>
</div>
</main>
<footer>
<center>
<h6> <span> <i class="fas fa-copyright"></i></span>
<a href="./contact.html">Anubhav Madhav</a>
</h6>
</center>
</footer>
</body>
</html>