Skip to content

Commit d08f714

Browse files
committed
Project Done
1 parent d1494db commit d08f714

1 file changed

Lines changed: 28 additions & 2 deletions

File tree

productpage/index.html

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,37 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Product Page Design</title>
7+
<link rel="shortcut icon" href="images/favicon-32x32.png" type="image/x-icon">
78
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
89
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
9-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
10+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script><link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Montserrat:wght@500;700&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link rel="stylesheet" href="style.css">
1013
</head>
1114
<body>
12-
<h1>Hello-Bootstrap</h1>
15+
16+
<section class="container-fluid">
17+
<div class="mainContainer">
18+
<div class="leftcontainer">
19+
<img src="images/image-product-desktop.jpg" alt="">
20+
<img class="hideMobile" src="images/image-product-mobile.jpg" alt="">
21+
</div>
22+
<div class="rightcontainer">
23+
<p>perfume</p>
24+
<h2>Gabrielle Essence Eau De Perfum</h2>
25+
<p>A floral, solar and voluptous interpretation composed by Olivier POlge, Perfumer-Creattor for the House of CHANEL.</p>
26+
<div class="price">
27+
<h2>$149.99</h2>
28+
<span>$169.99</span>
29+
</div>
30+
<button class="cart">Add to Cart</button>
31+
</div>
32+
<svg width="15" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M14.383 10.388a2.397 2.397 0 0 0-1.518-2.222l1.494-5.593a.8.8 0 0 0-.144-.695.8.8 0 0 0-.631-.28H2.637L2.373.591A.8.8 0 0 0 1.598 0H0v1.598h.983l1.982 7.4a.8.8 0 0 0 .799.59h8.222a.8.8 0 0 1 0 1.599H1.598a.8.8 0 1 0 0 1.598h.943a2.397 2.397 0 1 0 4.507 0h1.885a2.397 2.397 0 1 0 4.331-.376 2.397 2.397 0 0 0 1.12-2.021ZM11.26 7.99H4.395L3.068 3.196h9.477L11.26 7.991Zm-6.465 6.392a.8.8 0 1 1 0-1.598.8.8 0 0 1 0 1.598Zm6.393 0a.8.8 0 1 1 0-1.598.8.8 0 0 1 0 1.598Z" fill="#FFF"/></svg>
33+
34+
</div>
35+
</section>
36+
37+
38+
1339
</body>
1440
</html>

0 commit comments

Comments
 (0)