-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct.html
99 lines (90 loc) · 4.6 KB
/
product.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
<!DOCTYPE html>
<html>
<head>
<title>Product-Landing-Page</title>
<link rel="stylesheet" href="product.css">
</head>
<body>
<div class="heading">
<div class="box1">
<img class="img1" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png">
</div>
<div class="box2">
<p class="Features">Features</p>
<p class="Features">How it works</p>
<p class="Features">Pricing</p>
</div>
</div>
<h1 class="heading2">Handcrafted,home-made masterpieces</h3>
<input class="email" type="text"placeholder="Enter your Email address">
<div><button class="get">Get Started</button></div>
<div class="box3">
<img class="img2" src="https://icons.veryicon.com/png/o/business/bss-business-support-system/an-crown-26.png">
<div class="vertical">
<div class="premium">Premium Materials</div>
<div class="para">Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</div>
</div>
</div>
<div class="box3">
<img class="img2" src="https://www.kindpng.com/picc/m/138-1389940_transparent-free-shipping-png-delivery-icon-circle-png.png">
<div class="vertical">
<div class="premium">Fast Shipping</div>
<div class="para">We make sure you recieve your trombone as soon as we have finished making it. We also provide free returns if you are not satisfied.</div>
</div>
</div>
<div class="box3">
<img class="img2" src="https://nursing.jhu.edu/sebin/d/a/awards.jpg">
<div class="vertical">
<div class="premium">Quality Assurance</div>
<div class="para">For every purchase you make, we will ensure there are no damages or faults and we will check and test the pitch of your instrument.</div>
</div>
</div>
<div class="yt-container">
<img class="youtube" src="https://i.ytimg.com/vi_webp/y8Yv4pnO7qc/maxresdefault.webp">
<img class="profile" src="https://yt3.ggpht.com/ytc/AMLnZu_No9HTdd26sw0VqoeZgRPKP3GHpza2jHfsSG7xjQ=s176-c-k-c0x00ffffff-no-rj">
<p class="title">Roman Carnival Overture for 5 trombones</p>
<div class="copy">
<div ><img class="link" src="https://png.pngtree.com/png-vector/20190329/ourlarge/pngtree-vector-copy-icon-png-image_889395.jpg"></div>
<div class="copylink">Copy Link</div>
</div>
<img class="yt" src="https://www.clipartmax.com/png/middle/109-1095050_youtube-logo-youtube-logo-2017.png">
</div>
<div class="container">
<div class="tenor">
<div class="tenor-head">TENOR TROMBONE</div>
<div class="price">$600</div>
<p class="Lorem">Lorem ipsum</p>
<p class="Lorem">Lorem ipsum</p>
<p class="Lorem">Lorem ipsum dolor</p>
<p class="Lorem">Lorem ipsum</p>
<button class="select">SELECT</button>
</div>
<div class="tenor">
<div class="tenor-head">BASS TROMBONE</div>
<div class="price">$900</div>
<div class="Lorem">Lorem ipsum</div>
<div class="Lorem">Lorem ipsum</div>
<div class="Lorem">Lorem ipsum dolor</div>
<div class="Lorem">Lorem ipsum</div>
<button class="select">SELECT</button>
</div>
<div class="tenor">
<div class="tenor-head">VALVE TROMBONE</div>
<div class="price">$1200</div>
<div class="Lorem">Plays similar to a Trumpet</div>
<div class="Lorem">Great for Jazz Bands</div>
<div class="Lorem">Lorem ipsum dolor</div>
<div class="Lorem">Lorem ipsum</div>
<button class="select">SELECT</button>
</div>
</div>
<div class="foot">
<div class="grid1">
<p >Privacy</p>
<p>Terms</p>
<p>Contact</p>
</div>
<p class="copyright">Copyright 2016,Original Trombones</p>
</div>
</body>
</html>