-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (99 loc) · 4.25 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
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>KNWD2</title>
<meta name="description" content="Zadanie domowe na 3 warsztaty." />
<meta name="keywords" content="html, css, zadanie, domowe, KNWD, knwd" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name"viewport" content="width=device-width, inital-scale=1.0"/>
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin-ext" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<div class="upfooter">
<div class="itemcontainer">
<div class="item"> <i>Web</i>
<span style="color:lightseagreen"><i>World</i></span></div>
<div class="item"></div>
<div class="item"><a href="#"><i class="fas fa-wifi"></i></div></a>
<div class="item"><a href="#"><i class="fab fa-facebook-f"></i></div></a>
<div class="item"><a href="#"><i class="fab fa-twitter"></i></div></a>
<div class="item"><a href="#"><i class="fab fa-linkedin-in"></i></div></a>
<div class="item"></div>
</div>
</div>
<div class="nav">
<div class="navitemcontainer">
<div class="navitem"></div>
<div class="navitem">HOME</div>
<div class="navitem">ABOUT US</div>
<div class="navitem">SERVICE</div>
<div class="navitem">PAGES</div>
<div class="navitem">BLOG</div>
<div class="navitem">CONTACT US</div>
<div class="navitem"></div>
</div>
<div class="search">
<input type="search" placeholder="Search Something" onfocus="this.placeholder=''" onblur="this.placeholder='Search Something'">
</div>
</div>
<div class="imgcontainer">
<img src="img/img1.jpg" />
</div>
<h5>Lorem ipsum dolor <span style="font-size:30px"><i>sit amet</i></span>, iisque accusata definiebas id duo.</h5>
<p>Duis numquam ne eos, pro tacimates splendide ad.
Pri dicat perfecto scriptorem in, feugiat accusata argumentum mei ea.
Pri te eruditi intellegam interesset, et his unum probo.
Mea populo aliquando eu, cu sea nostrud percipitur comprehensam, ea dico brute omittam pri.</p>
</br>
<div class="topcontainer">
<div class="imageholder">
<div class="imageimageholder">
<i class="fas fa-desktop"></i>
</div>
<h6>Lorem ipsum dolor</h6>
Duis numquam ne eos, pro tacimates splendide ad.
</div>
<div class="imageholder">
<div class="imageimageholder">
<i class="fas fa-edit"></i>
</div>
<h6>Lorem ipsum dolor</h6>
Duis numquam ne eos, pro tacimates splendide ad.
</div>
<div class="imageholder">
<div class="imageimageholder">
<i class="fas fa-image"></i>
</div>
<h6>Lorem ipsum dolor</h6>
Duis numquam ne eos, pro tacimates splendide ad.
</div>
</div>
<div class="midcontainer">
<div class="imghld"><img src="img/img2.jpg"/>
<h6>Lorem ipsum dolor</h6>Duis numquam ne eos, pro tacimates splendide ad.</div>
<div class="imghld"><img src="img/img3.jpg"/>
<h6>Lorem ipsum dolor</h6>Duis numquam ne eos, pro tacimates splendide ad.</div>
<div class="imghld"><img src="img/img4.jpg"/>
<h6>Lorem ipsum dolor</h6>Duis numquam ne eos, pro tacimates splendide ad.</div>
<div class="imghld"><img src="img/img5.jpg"/>
<h6>Lorem ipsum dolor</h6>Duis numquam ne eos, pro tacimates splendide ad.</div>
<div class="imghld"><img src="img/img6.jpg"/>
<h6>Lorem ipsum dolor</h6>Duis numquam ne eos, pro tacimates splendide ad.</div>
<div class="imghld"><img src="img/img7.jpg"/>
<h6>Lorem ipsum dolor</h6>Duis numquam ne eos, pro tacimates splendide ad.</div>
</div>
<div class="botcontainer">
<div class="logo"></div>
<div class="logo"><a href="#"><i class="fab fa-dribbble"></i></div></a>
<div class="logo"><a href="#"><i class="fab fa-angrycreative"></i></div></a>
<div class="logo"><a href="#"><i class="fab fa-autoprefixer"></i></div></a>
<div class="logo"><a href="#"><i class="fab fa-bitcoin"></i></div></a>
<div class="logo"></div>
</div>
</div>
</body>
</html>