-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
80 lines (62 loc) · 2.3 KB
/
index.htm
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
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset="UTF-8">
<title>Sit on chair</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&subset=latin-ext" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="container">
<span class="logo">SIT <em class="titleMark">ON</em> CHAIR</span>
<ul class="mainNav">
<li>O firmie
<ul class="subMenu">
<li>Aktualności</li>
<li>Nasz team</li>
<li>Historia</li>
</ul>
</li>
<li>Galeria</li>
<li>Kontakt</li>
</ul>
</nav>
</header>
<section class="slider">
<article class="container row">
<i id="arrow-left" class="arrow"> < </i>
<div class="alignLeft chair">
<img src="images/black_chair.png">
</div>
<article class="alignLeft seeMore">
<h1>Sit <span class="titleMark">on</span> our <span class="titleMark">chair</span></h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p>
<a href="#" class="btn seeMoreButton">Zobacz więcej</a>
</p>
</article>
<i id="arrow-right" class="arrow"> > </i>
</article>
</section>
<section class="content">
<div class="container row">
<div class="box">
<img src="images/box1_img.jpg">
</div>
<div class="box">
<img src="images/box2_img.jpg">
</div>
<div class="box box_content">
<h3>Finds all input</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </br></br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</section>
<div class="footer"></div>
</body>
</html>