-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathProduct_description.html
110 lines (93 loc) · 5.62 KB
/
Product_description.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
<!DOCTYPE html>
<html>
<head>
<title>Product Description</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="buy.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">GrabYourBook</a>
</div>
</div>
</nav>
<div class="container-fliud">
<div class="wrapper row" style="margin-top:100px;">
<!----pic preview start here ----->
<div class=" col-md-6" style="background-color: rgba(0, 0, 0, 0.6);" >
<div class="row">
<ul class="preview-thumbnail preimg" >
<ul>
<li><a data-target="#pic-1" data-toggle="tab">
<img src="pic1.jpeg" /></a></li>
<li><a data-target="#pic-2" data-toggle="tab">
<img src="pic2.jpg" /></a>
</ul> </ul>
<div class="preview-pic tab-content" style="margin-left:150px; margin-top:-300px;">
<div class="tab-pane active" id="pic-1"><img src="pic1.jpeg" /></div>
<div class="tab-pane" id="pic-2"><img src="pic2.jpg" /></div>
</div></div>
<div class="row " style="margin-top: 3%">
<button type="button" class="btn btn-info btn-lg" style="width: 60%; margin-left: 20%" >Buy Now</button>
</div>
</div>
<!----pic previwe end here ---->
<!----book infoo area----->
<br>
<div class="details col-md-6 " style="left: 10px; background-color: rgba(0, 0, 0, 0.6);">
<div class="panel panel-default" style="margin-top: 22px;">
<h3 class="product-title">harry potter bOoK</h3>
<div class="rating">
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
</div> <span class="review-no"><a href="#">52 Reviews</a></span>
<hr>
<p class="product-description">Harry Potter and the Philosopher’s Stone is the first novel of the much appreciated Harry Potter series. An abridged version of the same novel, this book has been brought out by Bloomsbury Press for children aged between eight and twelve years.</p>
<h4 class="price">current price: <span>₹180</span></h4>
<!---- REviEws area start HEre --->
<div class="col-md-12 product-info">
<ul id="myTab" class="nav nav-tabs nav_tabs">
<li class="active"><a href="#service-one" data-toggle="tab">Book Information</a></li>
<li><a href="#service-two" data-toggle="tab">REVIEWS</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="service-one">
<section class="container rinfo">
<li><b>Paperback:</b> 334 pages</li>
<li><b>Publisher:</b>Rajkamal Prakashan; 35th edition (2016)</li>
<li><b>Language:</b> Hindi</li>
<li><b>ISBN-10:</b> 8126713968</li>
<li><b>ISBN-13:</b> 978-8126713967</li>
<li><b>Package Dimensions:</b> 21.2 x 13.6 x 2.8 cm</li>
</section>
</div>
<div class="tab-pane fade" id="service-two">
<section class="container">
<p><b>UNDER CONSTRUCTIOn</b></p>
</section>
</div>
</div>
<hr>
</div>
<!----review area end here ----->
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>