-
Notifications
You must be signed in to change notification settings - Fork 0
/
eachProduct.html
146 lines (145 loc) · 7.04 KB
/
eachProduct.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
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/eachProduct.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://kit.fontawesome.com/9d805968ce.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section class="header">
<div class="overlay"></div>
<div class="menu">
<div class="menuRight">
<ul>
<li class="logo"><a href="index.html"><img src="asset/logo/logo-no-background.png" alt="logo"></a></li>
<li class="hover"><a href="index.html">خانه</a></li>
<li class="hover"><a href="product.html">محصولات</a></li>
<li class="hover"><a href="about_me.html">درباره ما</a></li>
<li class="hover"><a href="contact_me.html">تماس با ما</a></li>
</ul>
<i class="fa fa-bars" id="bars"></i>
</div>
<div class="menuLeft">
<ul>
<li class="addToCard"><a href="shopping-card.html"><img src="asset/icon/card 1.png" alt="shoping-card"></a></li>
<li>
<a href="login.html" class="buttonLogin btn_menu_a">ورود/عضویت</a>
<a href="login.html" class="logoLogin btn_menu_a"><img src="asset/icon/user.png" alt="user"></a>
</li>
</ul>
</div>
</div>
</section>
<section class="eachProduct">
<div class="container_each">
<div class="right">
<div class="img-zoom-container">
<img id="myimage" class="big_img" src="./asset/img/each_product_big.png" width="300" height="240">
<div id="myresult" class="img-zoom-result"></div>
</div>
<div class="small_each">
<img class="small_img active" src="asset/img/each_product_small_1.png" alt="small_each">
<img class="small_img" src="asset/img/each_product_small_2.png" alt="small_each">
<img class="small_img" src="asset/img/each_product_small_3.png" alt="small_each">
</div>
</div>
<div class="left">
<h1>لباس عروس پفی بلند با یقه ی دلبر</h1>
<form>
<fieldset class="radiogroup size">
<h3>سایز:</h3>
<ul class="radio item_each">
<li class="item_check">
<p>36</p>
<input type="radio" name="group1" id="answer1" value="deep" />
</li>
<li class="item_check">
<p>38</p>
<input type="radio" name="group1" id="answer2" value="thick" />
</li>
<li class="item_check">
<p>40</p>
<input type="radio" name="group1" id="answer3" value="thick" />
</li>
<li class="item_check">
<p>42</p>
<input type="radio" name="group1" id="answer4" value="thick" />
</li>
</ul>
</fieldset>
<fieldset class="radiogroup color">
<h3>رنگ:</h3>
<ul class="radio item_each">
<li class="item_check">
<p>سفید</p>
<input type="radio" name="group2" id="answer11" value="Answer 3" />
</li>
<li class="item_check">
<p>کرمی</p>
<input type="radio" name="group2" id="answer12" value="Answer 4" />
</li>
<li class="item_check">
<p>قرمز</p>
<input type="radio" name="group2" id="answer13" value="Answer 4" />
</li>
<li class="item_check">
<p>بنفش</p>
<input type="radio" name="group2" id="answer14" value="Answer 4" />
</li>
</ul>
</fieldset>
</form>
<div class="price">
<h2>قیمت:</h2>
<h2 class="pink_dark price_number">8,500,000</h2>
<h2>تومان</h2>
</div>
<a class="btn_submit">افزودن به سبد خرید</a>
</div>
</div>
</section>
<section class="footer">
<div class="containerFooter">
<div class="footerRight">
<div class="rightTop">
<img class="logo_footer" src="asset/logo/logo-no-background.png" alt="logo">
</div>
<div class="rightBottom">
<h3>درباره ما</h3>
<p>مزون عروس خانوم جهت رفاه شما عروس خانم های گل تاسیس شد و با
پشتیبانی 24 ساعته با کیفیت بالا در خدمت شماست.</p>
</div>
</div>
<div class="footerleft">
<div class="leftTop">
<div class="news">
<h3 class="newsDesc margin_bottom_20">آیا میخواهید از خبرنامه های ما آگاه بشید؟</h3>
<div class="newsInput">
<input type="text" placeholder="لطفا ایمیل خود را وارد کنید.">
<button>ثبت</button>
</div>
</div>
</div>
<div class="leftBottom">
<div class="social">
<h3 class="margin_bottom_20">ما را در شبکه های اجتماعی دنبال کنید</h3>
<div class="socialIcon">
<img src="asset/icon/facebook.svg" alt="facebook">
<img src="asset/icon/twitter.svg" alt="twitter">
<img src="asset/icon/instagram.svg" alt="instagram">
<img src="asset/icon/telegram.svg" alt="telegram">
</div>
</div>
</div>
</div>
</div>
<div class="copyRight">تمامی حقوق این سایت برای مزون <span class="pink">عروس خانوم </span> محفوظ است</div>
</section>
<script src="js/eachProduct.js"></script>
<script src="js/main.js"></script>
</body>
</html>