-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (135 loc) · 5.1 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
<!DOCTYPE html>
<html lang="ru" class="optional-rem">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./src/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Prechu</title>
</head>
<body>
<div id="app">
<header>
<div class="container">
<img class="logo" src="./src/img/logo.png" alt="Logo" />
<ul class="navbar">
<li><a href="#!">Home</a></li>
<li class="active"><a href="#!">Products</a></li>
<li><a href="#!">Services</a></li>
<li><a href="#!">Contact</a></li>
</ul>
</div>
</header>
<section class="carousel swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-wrapper">
<img class="slide-img" src="./src/img/iphone_215.png" />
<div class="slide-text">
<h3>Lorem Ipsum is simply</h3>
<span>dummy text of the<br />printing & typesetting</span>
<br />
<a href="#!"
><img src="./src/img/shape_2_84.png" /> Sign up now</a
>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-wrapper">
<img class="slide-img" src="./src/img/iphone_215.png" />
<div class="slide-text">
<h3>Lorem Ipsum is simply</h3>
<span>dummy text of the<br />printing & typesetting</span>
<a href="#!"
><img src="./src/img/shape_2_84.png" /> Sign up now</a
>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-wrapper">
<img class="slide-img" src="./src/img/iphone_215.png" />
<div class="slide-text">
<h3>Lorem Ipsum is simply</h3>
<span>dummy text of the<br />printing & typesetting</span>
<a href="#!"
><img src="./src/img/shape_2_84.png" /> Sign up now</a
>
</div>
</div>
</div>
</div>
<div class="carousel-button carousel-button-prev">
<img src="./src/img/to_left.png" />
</div>
<div class="carousel-button carousel-button-next">
<img src="./src/img/to_right.png" />
</div>
</section>
<section class="icons">
<div class="container">
<div class="icon">
<div class="img-wrapper"><img src="./src/img/pencil.png" /></div>
<div>
<span class="heading">Contrary to popular</span>
<span class="light-text"
>Lorem Ipsum is not simply random text.<br />It has roots in a
piece</span
>
</div>
</div>
<div class="icon">
<div class="img-wrapper"><img src="./src/img/computer.png" /></div>
<div>
<span class="heading">Contrary to popular</span>
<span class="light-text"
>Lorem Ipsum is not simply random text.<br />It has roots in a
piece</span
>
</div>
</div>
<div class="icon">
<div class="img-wrapper"><img src="./src/img/basket.png" /></div>
<div>
<span class="heading">Contrary to popular</span>
<span class="light-text"
>Lorem Ipsum is not simply random text.<br />It has roots in a
piece</span
>
</div>
</div>
</div>
</section>
<section class="cart-and-text">
<div class="container">
<h2>The Shopping cart</h2>
<div class="parts">
<div class="part1">
<img src="./src/img/big_cart.png" />
</div>
<div class="part2">
<h3>Some Bullet text here</h3>
<p class="light-text">
Lorem Ipsum is simply dummy text of the printing and
typesetting<br />
Lorem Ipsum has been the industry's standard dummy text ever<br />
When an unknown printer took a galley of type and scrambled<br />
It to make a type specimen book. It has survived not only five
centuries<br />
But also the leap into electronic typesetting,<br />
Remaining essentially unchanged. It was popularised<br />
The release of Letraset sheets containing Lorem Ipsum passages
</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<span class="light-text">Copyright © 2012-2013 cssauthor.com</span>
</div>
</footer>
</div>
<script type="module" src="./src/js/main.js"></script>
</body>
</html>