-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (97 loc) · 4.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap" rel="stylesheet">
<link href="style.css" type="text/css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Odibee+Sans&family=Pacifico&display=swap" rel="stylesheet">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Blitz</title>
</head>
<body>
<header>
<div class="fixed">
<em class="blit">Blitz</em>
<nav class="navi">
<li><a href="#">Homepage<em>home</em></a></li>
<li><a href="#">Who are we?<em>About</em></a></li>
<li><a href="#">My portfolio<em>Projects</em></a></li>
<li><a href="#">latest news<em>Blog</em></a></li>
<li><a href="#">get in touch<em>contact</em></a></li>
</nav>
</div>
</header>
<section class="fixed-width">
<figure class="main-visual">
<img src="images/use.jpg" width="980" height="500">
<figcaption>
<strong class="caption">caption of image</strong>
<p id="caption">In his tweet, Rahul Gandhi included a graph comparing the total number of confirmed cases of infection in five countries, namely India, Spain, Germany, Italy and UK, before, during and after the respective governments in these countries imposed either a partial or a complete lockdown.</p>
</figcaption>
</figure>
</section>
<div class="news">
<article class="claim">
<header>
<h1>check out our latest project</h1>
<p>Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system. It is the largest and most popular general reference work on the World Wide Web.</p>
</header>
</article>
<article class="claim">
<header>
<h1>check out our latest project</h1>
<p>Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system. It is the largest and most popular general reference work on the World Wide Web.</p>
</header>
</article>
<article class="claim">
<header>
<h1>check out our latest project</h1>
<p>Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system. It is the largest and most popular general reference work on the World Wide Web.</p>
</header>
</article>
</div>
<div class="portfolio">
<div class="title-wrapper">
<h2>My latest work</h2>
</div>
</div>
<div class="porti">
<article class="port">
<img src="images/1.jpeg" height="140" width="220">
<h3>new brochure</h3>
<p>
Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system.
</p>
</article>
<article class="port">
<img src="images/2.jpeg" height="140" width="220">
<h3>new brochure</h3>
<p>
Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system.
</p>
</article>
<article class="port">
<img src="images/3.jpeg" height="140" width="220">
<h3>new brochure</h3>
<p>
Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system.
</p>
</article>
<article class="port">
<img src="images/4.jpeg" height="140" width="220">
<h3>new brochure</h3>
<p>
Wikipedia is a multilingual online encyclopedia created and maintained as an open collaboration project by a community of volunteer editors using a wiki-based editing system.
</p>
</article>
</div>
<footer class="page-footer">
<div class="footer-content">
<small class="copyright">All content copyright 2020-Blitz. All copyright reserved.</small>
<small class="credit">Designed by<a href="#"> Sakshi Patle</a></small>
</div>
</footer>
</body>
</html>