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