-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (140 loc) · 4.44 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
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset="UTF-8">
<title>Sit on Chair</title>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<header>
<div class="main_width">
<div id="logo">SIT <span>ON</span> CHAIR</div>
<nav>
<ol>
<li><a href="#">o firmie</a>
<ul>
<li><a href="#">Aktualności</a></li>
<li><a href="#">Nasz team</a></li>
<li><a href="#">Historia</a></li>
</ul>
</li>
<li><a href="#">galeria</a></li>
<li><a href="#">kontakt</a></li>
</ol>
</nav>
</div>
</header>
<section id="slider">
<div class="main_width">
<a href="#"><</a>
<div class="box_left"></div>
<div class="box_right">
<h1>
SIT <span>ON</span> OUR <span>CHAIR</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada turpis sed tempus tempus. Vivamus luctus felis id dictum sagittis. Nam ut tortor sit amet augue rhoncus suscipit.
</p>
<a href="#">ZOBACZ WIĘCEJ</a>
</div>
<a href="#">></a>
</div>
</section>
<section id="products">
<div class="main_width">
<div class="product picture1">
<h2>
Chair CLAIR
</h2>
</div>
<div class="product picture2">
<h2>
Chair MARGARITA
</h2>
</div>
<div class="product text">
<h2>
Finds all inputs
</h2>
<p>
Finds all inputs that are not checked and hightlihts the next sibling span. Notice there is no change when clicking the checkboxes since no click events have been linked.<br><br>
Notice there is no change when clicking the checkboxes since no click events have been
</p>
</div>
</div>
</section>
<section id="price_list">
<div class="main_width">
<h2>CENNIK</h2>
<div class="price">
<div class="small_circle"></div>
<h2>BASIC PLAN</h2>
<div class="circle"><span>85<sup>99</sup></span><br>PLN/MSC</div>
<ul>
<li>Zakup towaru + dowóz</li>
<li>Serwis</li>
</ul>
<a href="#">DOŁĄCZ</a>
</div>
<div class="price standard">
<div class="small_circle"></div>
<h2>STANDARD PLAN</h2>
<div class="circle"><span>95<sup>99</sup></span><br>PLN/MSC</div>
<ul>
<li>Zakup towaru + dowóz</li>
<li>Serwis</li>
<li>Gwarancja 5 lat</li>
</ul>
<a href="#">DOŁĄCZ</a>
</div>
<div class="price">
<div class="small_circle"></div>
<h2>ADVANCE PLAN</h2>
<div class="circle"><span>211<sup>00</sup></span><br>PLN/MSC</div>
<ul>
<li>Zakup towaru + dowóz</li>
<li>Serwis</li>
<li>Gwarancja 5 lat</li>
<li>Porady projektanta</li>
</ul>
<a href="#">DOŁĄCZ</a>
</div>
</div>
</section>
<section id="contact">
<div class="main_width">
<h2>KONTAKT</h2>
<form>
<div class="left_form">
<input type="text" name="imie" placeholder="Imię" />
<input type="email" name="email" placeholder="email" />
<textarea type="info" placeholder="Wiadomość"></textarea>
</div>
<div class="right_form">
<div class="armchair"></div>
<input type="checkbox" name="agree" id="check"/>
<label for="check">Zgadzam się na przetwarzanie danych osobowych</label>
<input type="submit" value="WYŚLIJ" />
</div>
</form>
</div>
</section>
<footer>
<div class="main_width">
<div class="rights">
<p>
Copyright 2014 | All Rights Reserved. - Sit On Chair
</p>
</div>
<div class="social">
<a href="https://www.flickr.com" target="_blank"><img src="images/flickr.png" alt="flickr"></a>
<a href="https://vimeo.com" target="_blank"><img src="images/vimeo.png" alt="vimeo"></a>
<a href="https://pl.pinterest.com" target="_blank"><img src="images/pinterest.png" alt="pinterest"></a>
<a href="https://twitter.com" target="_blank"><img src="images/twitter.png" alt="twitter"></a>
</div>
<div class="logo2">SIT <b>ON</b> CHAIR</div>
</div>
</footer>
</body>
</html>