-
Notifications
You must be signed in to change notification settings - Fork 0
/
go.html
109 lines (108 loc) · 3.5 KB
/
go.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Shop</title>
<link rel="stylesheet" href="css/go.css">
<link rel="stylesheet" href="font-awesome-4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="icon" href="img/pic.jpg">
</head>
<body>
<header class="top">
<div class="logo">
<a href="index.html"><img src="img/lifebuoy.png"></a>
</div>
<div class="menu">
<a href="">Вход</a>
<a href="">Регистрация</a>
</div>
</header>
<div class="ib">
<input type="text" placeholder="Search the product...">
<div class="search_ico">
<a href="" class="fa fa-search"></a>
</div>
<div class="b1">0 покупок: $0.00</div>
<a href=""><div class="b2">
<span class="fa fa-shopping-cart"></span>
Корзина
</div></a>
</div>
<div class="body">
<div class="tabbed" align="center">
<input type="radio" name="tabs" id="tab-nav-1" checked>
<label for="tab-nav-1"><img src="img/6.jpg"></label>
<input type="radio" name="tabs" id="tab-nav-2">
<label for="tab-nav-2"><img src="img/7.jpg"></label>
<input type="radio" name="tabs" id="tab-nav-3">
<label for="tab-nav-3"><img src="img/8.jpg"></label>
<div class="tabs">
<div class="img/pic.jpg">
<img src="img/6.jpg" height="310" width="450">
</div>
<div class="imgimg1.jpg">
<img src="img/7.jpg" height="310" width="450">
</div>
<div class="img/pic.jpg">
<img src="img/8.jpg" height="310" width="450">
</div>
</div>
</div>
<div class="sales">
<div class="bottom">
<h2>$0.00</h2>
<p class="fa fa-star"></p>
<p class="fa fa-star"></p>
<p class="fa fa-star"></p>
<p class="fa fa-star"></p>
<p class="fa fa-star"></p>
<p>23 просмотра</p>
</div>
<p>Код продукта: 00000000</p>
<p>Осталось больше 10 экземпляров</p>
<div class="sale">
Количество:
<input type="number" placeholder="0">
<a href="">
<div class="add">
В корзину <span class="fa fa-shopping-cart"></span>
</div>
</a>
</div>
<div class="sign">
<a href="" class="fa fa-heart"> Поблагодарить</a>
</div>
<div class="link-w">
<a href="" class="fa fa-envelope"></a>
<a href="" class="fa fa-facebook"></a>
<a href="" class="fa fa-twitter"></a>
<a href="" class="fa fa-vk"></a>
<a href="" class="fa fa-google-plus"></a>
</div>
</div>
</div>
<div class="comment">
<p><p class="fa fa-user"></p> Wed May 17 2017</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="comment1">
<p class="fa fa-user"> </p> <span class="r2"></span>
<p class="output"></p>
</div>
<div class="inp">
<input type="text" placeholder="Комментарий..." class="input">
</div>
<script>
var input = document.getElementsByClassName('input')[0],
output = document.getElementsByClassName('output')[0],
r2 = document.getElementsByClassName('r2')[0],
date = new Date();
input.addEventListener('keyup', function(){
output.innerHTML = this.value;
r2.innerHTML = date.toDateString();
}, false);
</script>
<script src="prefix-free/prefixfree.min.js"></script>
</body>
</html>