├── images ├── gh.png ├── kkk.PNG ├── logo.png ├── mail.png ├── menu.jpg ├── images.jpg ├── insta.png ├── mebtn.png ├── phone.png ├── 2742_top.webp ├── Capture.PNG ├── Capturej.PNG ├── Capturejk.PNG ├── linkedin.png ├── location.png ├── twitter.png ├── Oshizushi1.jpg ├── images (1).jpg ├── nare-sushi.jpg ├── vegan-sushi.jpg ├── Vegan-Sushi-31.jpg ├── Sushi-PNG-Image.png ├── Sushi-PNG-Image (1).png ├── creme-caramel-1200.jpg ├── fondant-chocolat.webp ├── salade_cornichon-l.jpg ├── SUMOMAKI_VEGETARIEN_.webp ├── sushi-nigiri-1200x630.jpg ├── Crème-caramel-renversée.jpg ├── Curious adolescent lion.jpg ├── IMG_20200617_175655_607.jpg ├── produits-a-la-carte_21.jpg ├── 94666_w1024h768c1cx2689cy1920.jpg ├── AdobeStock172449829-Converted.png ├── AdobeStock_220126244-800x600.jpeg ├── istockphoto-660593524-170667a.jpg ├── r403-1-salade-verte-480x270.jpg ├── istockphoto-1168027034-170667a.jpg ├── rice-paper-sushi-image-500x500.jpg ├── 113936_w1024h1024c1cx2750cy1833.webp ├── Take-away-sushi-rolls_3781NM-500x500.jpg ├── rice-paper-sushi-without-seaweed-ins-2.jpg ├── 2cd43b_f3a8ff94e0504a0e93837bd56e246d3c_mv2.png ├── sushi-japonés-del-sashimi-fijado-en-fondo-negro-ciérrese-para-arriba-141333127.jpg ├── thai-style-creme-caramel-3217339-hero-images-7-1bfefecfe8b6471f936930f60098f4b9.jpg └── kisspng-sushi-logo-product-design-cahul-brand-sushi-set-5ba38e89c40699.7511267815374455138029.jpg ├── css ├── responsive.css ├── style.css.map ├── style.scss └── style.css ├── oo.js ├── style.css ├── about.html ├── tact.html ├── index.html └── menu.html /images/gh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/gh.png -------------------------------------------------------------------------------- /images/kkk.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/kkk.PNG -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/logo.png -------------------------------------------------------------------------------- /images/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/mail.png -------------------------------------------------------------------------------- /images/menu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/menu.jpg -------------------------------------------------------------------------------- /images/images.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/images.jpg -------------------------------------------------------------------------------- /images/insta.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/insta.png -------------------------------------------------------------------------------- /images/mebtn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/mebtn.png -------------------------------------------------------------------------------- /images/phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/phone.png -------------------------------------------------------------------------------- /images/2742_top.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/2742_top.webp -------------------------------------------------------------------------------- /images/Capture.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Capture.PNG -------------------------------------------------------------------------------- /images/Capturej.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Capturej.PNG -------------------------------------------------------------------------------- /images/Capturejk.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Capturejk.PNG -------------------------------------------------------------------------------- /images/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/linkedin.png -------------------------------------------------------------------------------- /images/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/location.png -------------------------------------------------------------------------------- /images/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/twitter.png -------------------------------------------------------------------------------- /images/Oshizushi1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Oshizushi1.jpg -------------------------------------------------------------------------------- /images/images (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/images (1).jpg -------------------------------------------------------------------------------- /images/nare-sushi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/nare-sushi.jpg -------------------------------------------------------------------------------- /images/vegan-sushi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/vegan-sushi.jpg -------------------------------------------------------------------------------- /images/Vegan-Sushi-31.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Vegan-Sushi-31.jpg -------------------------------------------------------------------------------- /images/Sushi-PNG-Image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Sushi-PNG-Image.png -------------------------------------------------------------------------------- /images/Sushi-PNG-Image (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Sushi-PNG-Image (1).png -------------------------------------------------------------------------------- /images/creme-caramel-1200.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/creme-caramel-1200.jpg -------------------------------------------------------------------------------- /images/fondant-chocolat.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/fondant-chocolat.webp -------------------------------------------------------------------------------- /images/salade_cornichon-l.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/salade_cornichon-l.jpg -------------------------------------------------------------------------------- /images/SUMOMAKI_VEGETARIEN_.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/SUMOMAKI_VEGETARIEN_.webp -------------------------------------------------------------------------------- /images/sushi-nigiri-1200x630.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/sushi-nigiri-1200x630.jpg -------------------------------------------------------------------------------- /images/Crème-caramel-renversée.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Crème-caramel-renversée.jpg -------------------------------------------------------------------------------- /images/Curious adolescent lion.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Curious adolescent lion.jpg -------------------------------------------------------------------------------- /images/IMG_20200617_175655_607.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/IMG_20200617_175655_607.jpg -------------------------------------------------------------------------------- /images/produits-a-la-carte_21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/produits-a-la-carte_21.jpg -------------------------------------------------------------------------------- /images/94666_w1024h768c1cx2689cy1920.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/94666_w1024h768c1cx2689cy1920.jpg -------------------------------------------------------------------------------- /images/AdobeStock172449829-Converted.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/AdobeStock172449829-Converted.png -------------------------------------------------------------------------------- /images/AdobeStock_220126244-800x600.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/AdobeStock_220126244-800x600.jpeg -------------------------------------------------------------------------------- /images/istockphoto-660593524-170667a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/istockphoto-660593524-170667a.jpg -------------------------------------------------------------------------------- /images/r403-1-salade-verte-480x270.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/r403-1-salade-verte-480x270.jpg -------------------------------------------------------------------------------- /images/istockphoto-1168027034-170667a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/istockphoto-1168027034-170667a.jpg -------------------------------------------------------------------------------- /images/rice-paper-sushi-image-500x500.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/rice-paper-sushi-image-500x500.jpg -------------------------------------------------------------------------------- /images/113936_w1024h1024c1cx2750cy1833.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/113936_w1024h1024c1cx2750cy1833.webp -------------------------------------------------------------------------------- /images/Take-away-sushi-rolls_3781NM-500x500.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/Take-away-sushi-rolls_3781NM-500x500.jpg -------------------------------------------------------------------------------- /images/rice-paper-sushi-without-seaweed-ins-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/rice-paper-sushi-without-seaweed-ins-2.jpg -------------------------------------------------------------------------------- /images/2cd43b_f3a8ff94e0504a0e93837bd56e246d3c_mv2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/2cd43b_f3a8ff94e0504a0e93837bd56e246d3c_mv2.png -------------------------------------------------------------------------------- /images/sushi-japonés-del-sashimi-fijado-en-fondo-negro-ciérrese-para-arriba-141333127.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/sushi-japonés-del-sashimi-fijado-en-fondo-negro-ciérrese-para-arriba-141333127.jpg -------------------------------------------------------------------------------- /images/thai-style-creme-caramel-3217339-hero-images-7-1bfefecfe8b6471f936930f60098f4b9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/thai-style-creme-caramel-3217339-hero-images-7-1bfefecfe8b6471f936930f60098f4b9.jpg -------------------------------------------------------------------------------- /images/kisspng-sushi-logo-product-design-cahul-brand-sushi-set-5ba38e89c40699.7511267815374455138029.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roumamimohammed/Sushi-restaurant/HEAD/images/kisspng-sushi-logo-product-design-cahul-brand-sushi-set-5ba38e89c40699.7511267815374455138029.jpg -------------------------------------------------------------------------------- /css/responsive.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 1120px) {} 2 | 3 | @media (max-width: 992px) { 4 | 5 | .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link { 6 | color: #000000; 7 | } 8 | 9 | .quote_btn-container { 10 | display: none; 11 | } 12 | 13 | 14 | .ring_section .ring_container .detail-box { 15 | margin-bottom: 45px; 16 | } 17 | 18 | .price_section .price_container .box { 19 | height: 450px; 20 | } 21 | } 22 | 23 | @media (max-width: 768px) { 24 | .hero_area { 25 | background-position: top left; 26 | height: auto; 27 | } 28 | 29 | .slider_section { 30 | padding: 45px 0; 31 | } 32 | 33 | .contact_section button { 34 | margin-bottom: 45px; 35 | margin-left: auto; 36 | margin-right: auto; 37 | } 38 | 39 | .contact_section form { 40 | padding: 0; 41 | } 42 | 43 | .client_section .client_container { 44 | flex-direction: column; 45 | } 46 | 47 | .client_section .client_container .client-id { 48 | width: auto; 49 | } 50 | 51 | .client_section .client_container .detail-box { 52 | margin-top: 35px; 53 | width: auto; 54 | } 55 | 56 | .contact_section .map_container { 57 | height: 350px; 58 | padding: 0; 59 | } 60 | 61 | .info_section .col-md-3 { 62 | display: flex; 63 | justify-content: center; 64 | } 65 | 66 | .info_section .info_container .info_contact { 67 | padding: 35px 0; 68 | } 69 | 70 | .info_section .info_form form input { 71 | width: 100%; 72 | } 73 | 74 | .ring_section { 75 | padding-left: 15px; 76 | padding-right: 15px; 77 | } 78 | } 79 | 80 | @media (max-width: 576px) { 81 | .slider_section .detail_box { 82 | text-align: center; 83 | } 84 | 85 | .slider_section .detail_box h1 { 86 | font-size: 4rem; 87 | } 88 | 89 | } 90 | 91 | @media (max-width: 480px) { 92 | 93 | .client_section .carousel-control-prev, 94 | .client_section .carousel-control-next { 95 | display: none; 96 | } 97 | } 98 | 99 | @media (max-width: 420px) { 100 | .slider_section .detail_box h1 { 101 | font-size: 3rem; 102 | } 103 | 104 | .slider_section .detail_box h2 { 105 | font-size: 1.8rem; 106 | } 107 | 108 | .heading_container h2::before { 109 | display: none; 110 | } 111 | } 112 | 113 | @media (max-width: 360px) {} 114 | 115 | @media (min-width: 1200px) { 116 | .container { 117 | max-width: 1170px; 118 | } 119 | } -------------------------------------------------------------------------------- /oo.js: -------------------------------------------------------------------------------- 1 | function Create2DArray(rows,columns) { 2 | var x = new Array(rows); 3 | for (var i = 0; i < rows; i++) { 4 | x[i] = new Array(columns); 5 | } 6 | return x; 7 | } 8 | var arr = Create2DArray(60,60); 9 | arr[0][0]="Diamond sushi"; 10 | arr[0][1]=70; 11 | arr[1][0]="Ringoti"; 12 | arr[1][1]=30; 13 | arr[2][0]="Diag"; 14 | arr[2][1]=20; 15 | arr[3][0]="maki"; 16 | arr[3][1]=70; 17 | arr[4][0]="zushi"; 18 | arr[4][1]=30; 19 | arr[5][0]="shi"; 20 | arr[5][1]=20; 21 | var total=0; 22 | function buy(i){ 23 | var name = arr[i][0]; 24 | var price = arr[i][1]; 25 | var x = document.getElementById("bill"); 26 | var y = document.getElementById("bil"); 27 | 28 | x.value+=name+"-"; 29 | y.value+=price + "$"+"-"; 30 | total += price; 31 | } 32 | function Total(){ 33 | var t = document.getElementById("total"); 34 | t.value = total + "$"; 35 | } 36 | // function buy(i){ 37 | // var name = arr[i][0]; 38 | // var price = arr[i][1]; 39 | // var x = document.getElementById("bill"); 40 | // var p = document.createElement("span"); 41 | // x.append(p); 42 | // p.innerText = name + " " + price + "$"; 43 | // total += price; 44 | // var t = document.getElementById("total"); 45 | // t.innerText = total + "$"; 46 | // var t0 = document.getElementById("total0"); 47 | // t0.innerText = total + "$"; 48 | // } 49 | filterSelection("all") 50 | function filterSelection(c) { 51 | var x, i; 52 | x = document.getElementsByClassName("filterDiv"); 53 | if (c == "all") c = ""; 54 | for (i = 0; i < x.length; i++) { 55 | w3RemoveClass(x[i], "show"); 56 | if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show"); 57 | } 58 | } 59 | 60 | function w3AddClass(element, name) { 61 | var i, arr1, arr2; 62 | arr1 = element.className.split(" "); 63 | arr2 = name.split(" "); 64 | for (i = 0; i < arr2.length; i++) { 65 | if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];} 66 | } 67 | } 68 | 69 | function w3RemoveClass(element, name) { 70 | var i, arr1, arr2; 71 | arr1 = element.className.split(" "); 72 | arr2 = name.split(" "); 73 | for (i = 0; i < arr2.length; i++) { 74 | while (arr1.indexOf(arr2[i]) > -1) { 75 | arr1.splice(arr1.indexOf(arr2[i]), 1); 76 | } 77 | } 78 | element.className = arr1.join(" "); 79 | } 80 | 81 | // Add active class to the current button (highlight it) 82 | var btnContainer = document.getElementById("myBtnContainer"); 83 | var btns = btnContainer.getElementsByClassName("btn"); 84 | for (var i = 0; i < btns.length; i++) { 85 | btns[i].addEventListener("click", function(){ 86 | var current = document.getElementsByClassName("active"); 87 | current[0].className = current[0].className.replace(" active", ""); 88 | this.className += " active"; 89 | }); 90 | } 91 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0%; 3 | padding: 0; 4 | text-decoration: none; 5 | list-style: none; 6 | } 7 | 8 | body { 9 | 10 | background-color: #383535; 11 | 12 | } 13 | .filterDiv { 14 | display: none; 15 | } 16 | .show { 17 | display: block; 18 | } 19 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 20 | display: block; 21 | } 22 | .dd{ 23 | font-family: 'Poppins'; height: 40vh; 24 | width: 50%; 25 | background-color: #000000; 26 | background-attachment: cover; 27 | border-radius: 30px; 28 | } 29 | @media screen and (max-width:900px) { 30 | .dd{ 31 | font-family: 'Poppins'; height: 50vh; 32 | width: 80%; 33 | background-color: #000000; 34 | background-attachment: cover; 35 | font-size: 13px; 36 | border-radius: 30px; 37 | } 38 | } 39 | 40 | 41 | header { 42 | 43 | font-family: 'Poppins'; height: 60vh; 44 | width: 100%; 45 | background-color: #383535; 46 | background-attachment: cover; 47 | 48 | } 49 | .menum{ 50 | margin-left: 0; 51 | 52 | } 53 | footer{font-family: 'Poppins'; height: 100vh; 54 | width: 100%; 55 | background-color: #000000; 56 | background-attachment: cover;} 57 | .navbar { 58 | padding: 2px; 59 | display: flex; 60 | justify-content: space-between; 61 | width: 100%; 62 | box-sizing: border-box; 63 | align-items: center; 64 | background-color: black; 65 | } 66 | 67 | 68 | 69 | .navbar a { 70 | color: #9C9B9B; 71 | } 72 | .navbar a :hover { 73 | 74 | background-color: rgb(52, 35, 35); 75 | } 76 | .navbar .logo img { 77 | 78 | height: 40px; 79 | max-height: 40px; 80 | width: auto; 81 | } 82 | 83 | 84 | .navbar .nav-link ul { 85 | display: flex; 86 | } 87 | 88 | .navbar .nav-link ul li { 89 | margin: 0 25px; 90 | } 91 | 92 | .navbar .nav-link ul li.active a { 93 | color: aliceblue; 94 | font-weight: 600; 95 | } 96 | 97 | .menup { 98 | display: none; 99 | } 100 | 101 | .iml { 102 | position: absolute; 103 | width: 197px; 104 | height: 210px; 105 | left: 99px; 106 | top: 104px; 107 | } 108 | 109 | .texts { 110 | position: absolute; 111 | width: 288px; 112 | height: 92px; 113 | left: 215px; 114 | top: 222px; 115 | 116 | font-family: 'Poppins'; 117 | font-style: normal; 118 | font-weight: 400; 119 | font-size: 40px; 120 | line-height: 60px; 121 | } 122 | 123 | .lk { 124 | position: absolute; 125 | width: 427px; 126 | height: 228px; 127 | left: 0px; 128 | top: 0px; 129 | } 130 | 131 | @media screen and (max-width:900px) { 132 | .navbar { 133 | padding: 0%; 134 | } 135 | 136 | .navbar .menup { 137 | display: block; 138 | } 139 | 140 | .navbar .nav-link ul li { 141 | margin: 15px 0; 142 | font-size: 1em; 143 | 144 | top: 5px; 145 | } 146 | 147 | .texts { 148 | position: absolute; 149 | width: 118px; 150 | height: 92px; 151 | left: 215px; 152 | top: 222px; 153 | 154 | font-family: 'Poppins'; 155 | font-style: normal; 156 | font-weight: 400; 157 | font-size: 40px; 158 | line-height: 60px; 159 | 160 | color: #000000; 161 | } 162 | 163 | span { 164 | color: aliceblue; 165 | } 166 | .nav-link { 167 | top: 10%; 168 | left: 0%; 169 | right: 0%; 170 | position: absolute; 171 | width: 100%; 172 | width: 10vh; 173 | display: flex; 174 | justify-content: left; 175 | align-items: left; 176 | margin-left: -100%; 177 | transition: all 0.5s ease; 178 | 179 | } 180 | .cc{ 181 | border: solid #000000; 182 | } 183 | .cc :hover{ 184 | color: rgb(0, 0, 0); 185 | } 186 | .nav-link.menum{ 187 | margin-left: 0; 188 | 189 | } 190 | .nav-link ul { 191 | display: flex; 192 | flex-direction: column; 193 | 194 | } 195 | 196 | } -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 39 |
40 | 41 |

About

42 |
43 |
44 |
45 |
46 |
47 |

48 | About Sushito 49 |

50 |
51 |

52 | Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et
53 | dolore magna aliqua. Ut enim ad minim veniam,
quis nostrudLorem ipsum dolor sit amet, consectetur
54 | adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim 55 | veniam, quis nostrud 56 |

57 |
58 |
59 |
60 | 61 | 157 | 158 | 166 | -------------------------------------------------------------------------------- /tact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 38 |
39 | 40 |

Contact

41 |
42 | 43 |
44 | 45 |
46 |

contact us

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 | 79 |
80 | 81 |
82 | 83 |
84 |
85 | 86 |
87 | 88 |
89 | 90 | 91 |
92 | 93 |
94 |
95 |
96 | 97 |
98 | 99 | 100 | 196 | 197 | 205 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 38 |
39 | 40 |

Accueil

41 |
42 |
43 |
44 |
45 | There’s no wrong way to eat sushi 46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 | 54 |
55 |
56 | 57 |
58 |
59 |
60 |
61 | 62 |

63 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 64 | dolore magna aliqua. Ut enim ad minim veniam, quis nostrudLorem ipsum dolor sit amet, consectetur 65 | adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 66 | veniam, quis nostrud 67 |

68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 | The History of Sushi: A Story of Time and Taste 77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 | 85 |
86 |
87 | 88 |
89 |
90 |
91 |
92 | 93 |

94 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 95 | dolore magna aliqua. Ut enim ad minim veniam, quis nostrudLorem ipsum dolor sit amet, consectetur 96 | adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 97 | veniam, quis nostrud 98 |

99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 | The History of Sushi: A Story of Time and Taste 108 |
109 |
110 |
111 | 112 |
113 |
114 |
115 |
116 | 117 |
118 | 119 |
120 | 121 |
122 |
123 |
124 | 125 |
126 | roma sushi 127 |
128 | 129 | 130 |
131 |
132 |
133 | 134 |
135 | 136 |
137 |
138 |
139 | 140 |
141 | NIRI sushi 142 |
143 | 144 | 145 |
146 |
147 |
148 | 149 |
150 | 151 |
152 | 153 |
154 | 155 |
156 | NIGIRI sushi 157 |
158 | 159 | 160 |
161 |
162 |
163 |
164 | 260 | 261 | 262 | 270 | -------------------------------------------------------------------------------- /menu.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 40 | 41 | 42 |

Menu

43 |
44 | 45 | 46 |
47 | 48 |
49 | 50 | 51 | 52 |
53 | 54 |
55 |
56 |
57 | 58 | 59 | 60 |
61 |
62 |
63 |
64 | Diamond sushi 65 |
66 |
67 |
68 | 70 |
71 |
72 |
73 | $70.00 74 |
75 | 76 | Buy 77 | 78 |
79 |
80 |
81 |
82 |
83 |
84 | Ringoti 85 |
86 |
87 |
88 | 89 |
90 |
91 |
92 | $30.00 93 |
94 | 95 | Buy 96 | 97 |
98 |
99 |
100 |
101 |
102 |
103 | Diag 104 |
105 |
106 |
107 | 108 |
109 |
110 |
111 | $20.00 112 |
113 | 114 | Buy 115 | 116 |
117 |
118 | 119 |
120 |
121 |
122 |
123 | maki 124 |
125 |
126 |
127 | 129 |
130 |
131 |
132 | $70.00 133 |
134 | 135 | Buy 136 | 137 |
138 |
139 |
140 |
141 |
142 |
143 | zushi 144 |
145 |
146 |
147 | 148 |
149 |
150 |
151 | $30.00 152 |
153 | 154 | Buy 155 | 156 |
157 |
158 |
159 |
160 |
161 |
162 | shi 163 |
164 |
165 |
166 | 167 |
168 |
169 |
170 | $20.00 171 |
172 | 173 | Buy 174 | 175 |
176 |
177 |
178 | 179 |
180 |
181 |
182 |
183 | 184 |
185 |
186 | 187 | 188 | 190 | 191 | 192 | 193 | 194 | 195 |
196 |
197 |
198 | 199 | 295 | 296 | 304 | -------------------------------------------------------------------------------- /css/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": [ 5 | "style.scss" 6 | ], 7 | "names": [], 8 | "file": "style.css" 9 | } -------------------------------------------------------------------------------- /css/style.scss: -------------------------------------------------------------------------------- 1 | $btnColor: #121212; 2 | $white: #ffffff; 3 | $black:#000000; 4 | 5 | @mixin main-font { 6 | font-family: "Poppins", sans-serif; 7 | } 8 | 9 | @mixin secondary-font {} 10 | 11 | @mixin hero_btn($col1, $col2, $pad1, $pad2, $b-radius) { 12 | display: inline-block; 13 | padding: $pad1 $pad2; 14 | background-color: $col1; 15 | border: 1px solid $col1; 16 | color: $col2; 17 | border-radius: $b-radius; 18 | 19 | &:hover { 20 | background-color: transparent; 21 | color: $col1; 22 | } 23 | } 24 | 25 | @mixin upperBold { 26 | text-transform: uppercase; 27 | font-weight: bold; 28 | } 29 | 30 | 31 | 32 | body { 33 | @include main-font; 34 | color: #0c0c0c; 35 | background-color: #ffffff; 36 | } 37 | 38 | 39 | 40 | 41 | .layout_padding { 42 | padding: 75px 0; 43 | } 44 | 45 | .layout_padding2 { 46 | padding: 45px 0; 47 | } 48 | 49 | .layout_padding2-top { 50 | padding-top: 45px; 51 | } 52 | 53 | .layout_padding2-bottom { 54 | padding-bottom: 45px; 55 | } 56 | 57 | .layout_padding-top { 58 | padding-top: 75px; 59 | } 60 | 61 | .layout_padding-bottom { 62 | padding-bottom: 75px; 63 | } 64 | 65 | .heading_container { 66 | display: flex; 67 | 68 | h2 { 69 | position: relative; 70 | 71 | &::before { 72 | content: ""; 73 | position: absolute; 74 | width: 9px; 75 | height: 30px; 76 | top: 14%; 77 | right: -15px; 78 | background: linear-gradient(to right, #fb930a, #f5e47b); 79 | } 80 | } 81 | } 82 | 83 | /*header section*/ 84 | .hero_area { 85 | height: 100vh; 86 | position: relative; 87 | background-image: url(../images/hero-bg.png); 88 | background-size: cover; 89 | background-position: bottom right; 90 | background-repeat: no-repeat; 91 | } 92 | 93 | .sub_page { 94 | .hero_area { 95 | height: auto; 96 | background-position: top right; 97 | } 98 | 99 | 100 | } 101 | 102 | .hero_area.sub_pages { 103 | height: auto; 104 | } 105 | 106 | .header_section { 107 | .container-fluid { 108 | padding-right: 25px; 109 | padding-left: 25px; 110 | } 111 | 112 | .nav_container { 113 | margin: 0 auto; 114 | } 115 | 116 | 117 | } 118 | 119 | .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link { 120 | padding: 10px 30px; 121 | color: $white; 122 | text-align: center; 123 | } 124 | 125 | 126 | 127 | a, 128 | a:hover, 129 | a:focus { 130 | text-decoration: none; 131 | } 132 | 133 | a:hover, 134 | a:focus { 135 | color: initial; 136 | } 137 | 138 | .btn, 139 | .btn:focus { 140 | outline: none !important; 141 | box-shadow: none; 142 | } 143 | 144 | 145 | 146 | .custom_nav-container .nav_search-btn { 147 | background-image: url(../images/search-icon.png); 148 | background-size: 22px; 149 | background-repeat: no-repeat; 150 | background-position-y: 7px; 151 | width: 35px; 152 | height: 35px; 153 | padding: 0; 154 | border: none; 155 | } 156 | 157 | 158 | .navbar-brand { 159 | display: flex; 160 | align-items: center; 161 | 162 | img { 163 | width: 30px; 164 | margin-right: 5px; 165 | } 166 | 167 | span { 168 | @include secondary-font(); 169 | font-size: 22px; 170 | font-weight: 700; 171 | color: #191919; 172 | text-transform: uppercase; 173 | } 174 | } 175 | 176 | .custom_nav-container { 177 | z-index: 99999; 178 | padding: 5px 0; 179 | } 180 | 181 | .custom_nav-container .navbar-toggler { 182 | outline: none; 183 | } 184 | 185 | .custom_nav-container .navbar-toggler .navbar-toggler-icon { 186 | background-image: url(../images/menu.png); 187 | background-size: 45px; 188 | } 189 | 190 | .quote_btn-container { 191 | display: flex; 192 | align-items: center; 193 | 194 | a { 195 | color: $black; 196 | position: relative; 197 | 198 | .cart_number { 199 | position: absolute; 200 | top: 68%; 201 | left: 50%; 202 | transform: translate(-50%, -50%); 203 | color: $white; 204 | font-size: 12px; 205 | } 206 | 207 | img { 208 | width: 20px; 209 | margin: 0 25px; 210 | } 211 | } 212 | } 213 | 214 | /*end header section*/ 215 | 216 | /* slider section */ 217 | .slider_section { 218 | height: calc(100% - 70px); 219 | display: flex; 220 | align-items: center; 221 | position: relative; 222 | 223 | .row { 224 | align-items: center; 225 | } 226 | 227 | .design-box { 228 | position: absolute; 229 | bottom: 0; 230 | transform: translateY(-50%); 231 | left: 0; 232 | width: 75px; 233 | 234 | img { 235 | width: 100%; 236 | } 237 | } 238 | 239 | .slider_number-container { 240 | position: absolute; 241 | top: 45%; 242 | transform: translateY(-50%); 243 | right: 4%; 244 | text-align: center; 245 | opacity: .6; 246 | 247 | hr { 248 | width: 1px; 249 | height: 50px; 250 | border: none; 251 | background-color: $white; 252 | } 253 | 254 | .number-box { 255 | display: flex; 256 | flex-direction: column; 257 | justify-content: center; 258 | align-items: center; 259 | color: $white; 260 | text-transform: uppercase; 261 | } 262 | } 263 | 264 | 265 | 266 | 267 | 268 | 269 | .detail_box { 270 | h2 { 271 | margin-bottom: 0; 272 | display: flex; 273 | align-items: center; 274 | 275 | span { 276 | margin-right: 10px; 277 | } 278 | 279 | hr { 280 | margin: 0; 281 | border: none; 282 | width: 55px; 283 | height: 1px; 284 | background-color: $black; 285 | } 286 | } 287 | 288 | h1 { 289 | font-weight: bold; 290 | text-transform: uppercase; 291 | font-size: 5rem; 292 | margin-bottom: 30px; 293 | } 294 | 295 | a { 296 | @include hero_btn(#0d0806, $white, 8px, 40px, 0); 297 | margin: 35px 0; 298 | } 299 | } 300 | 301 | .img-box { 302 | img { 303 | width: 100%; 304 | } 305 | } 306 | 307 | .carousel-indicators { 308 | padding: 0; 309 | margin: 0; 310 | right: initial; 311 | bottom: 22%; 312 | left: 17%; 313 | 314 | li { 315 | text-indent: 0; 316 | width: auto; 317 | height: auto; 318 | opacity: 1; 319 | background-color: transparent; 320 | border: none; 321 | color: #c0c0c0; 322 | font-size: 24px; 323 | display: none; 324 | 325 | &.active { 326 | display: block; 327 | } 328 | } 329 | } 330 | 331 | } 332 | 333 | 334 | 335 | // end slider section 336 | 337 | // item section 338 | 339 | .item_section { 340 | .item_container { 341 | display: flex; 342 | justify-content: center; 343 | flex-wrap: wrap; 344 | 345 | .box { 346 | width: 300px; 347 | display: flex; 348 | flex-direction: column; 349 | justify-content: space-between; 350 | margin: 30px 10px; 351 | padding: 15px; 352 | -webkit-box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15); 353 | -moz-box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15); 354 | box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15); 355 | 356 | .img-box { 357 | width: 100%; 358 | display: flex; 359 | justify-content: center; 360 | 361 | img { 362 | width: 125px; 363 | } 364 | } 365 | 366 | h6 { 367 | color: #fbb534; 368 | text-transform: uppercase; 369 | } 370 | 371 | h5 { 372 | text-transform: uppercase; 373 | } 374 | 375 | &:hover { 376 | box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.1); 377 | } 378 | } 379 | } 380 | } 381 | 382 | // end item section 383 | 384 | 385 | // about section 386 | 387 | .about_section { 388 | position: relative; 389 | 390 | .design-box { 391 | position: absolute; 392 | bottom: 0; 393 | transform: translateY(-50%); 394 | right: 0; 395 | width: 75px; 396 | 397 | img { 398 | width: 100%; 399 | } 400 | } 401 | 402 | .row { 403 | align-items: center; 404 | } 405 | 406 | .detail-box { 407 | p { 408 | margin-top: 35px; 409 | } 410 | 411 | a { 412 | @include hero_btn(#0d0806, $white, 8px, 40px, 0); 413 | margin-top: 35px; 414 | } 415 | } 416 | 417 | .img-box { 418 | img { 419 | width: 100%; 420 | } 421 | } 422 | } 423 | 424 | 425 | // end about section 426 | 427 | // price section 428 | 429 | .price_section { 430 | background-color: #f8f8f8; 431 | 432 | .price_container { 433 | display: flex; 434 | justify-content: center; 435 | padding: 40px 0; 436 | flex-wrap: wrap; 437 | 438 | .box { 439 | min-width: 300px; 440 | max-width: 360px; 441 | height: 550px; 442 | display: flex; 443 | flex-direction: column; 444 | align-items: center; 445 | justify-content: space-between; 446 | margin: 35px 10px; 447 | padding: 45px 0 25px 0; 448 | text-align: center; 449 | background-color: $white; 450 | -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.05); 451 | -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.05); 452 | box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.05); 453 | flex-grow: 1; 454 | 455 | .img-box { 456 | width: 100%; 457 | display: flex; 458 | justify-content: center; 459 | 460 | img { 461 | width: 150px; 462 | } 463 | } 464 | 465 | h6 { 466 | font-weight: bold; 467 | font-size: 18px; 468 | } 469 | 470 | .detail-box { 471 | h5 { 472 | text-transform: uppercase; 473 | font-weight: bold; 474 | font-size: 22px; 475 | 476 | span { 477 | color: #fbb534; 478 | } 479 | } 480 | 481 | a { 482 | display: inline-block; 483 | padding: 5px 15px; 484 | border: 1px solid $black; 485 | font-weight: bold; 486 | color: $black; 487 | margin-top: 15px; 488 | } 489 | } 490 | 491 | &:hover { 492 | a { 493 | border-color: #fbb534; 494 | color: #fbb534; 495 | } 496 | } 497 | } 498 | } 499 | 500 | .price_btn { 501 | @include hero_btn(#0d0806, $white, 8px, 40px, 0); 502 | } 503 | } 504 | 505 | // end price section 506 | 507 | // ring section 508 | 509 | .ring_section { 510 | text-align: center; 511 | position: relative; 512 | 513 | .row { 514 | align-items: center; 515 | } 516 | 517 | .container { 518 | -webkit-box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08); 519 | -moz-box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08); 520 | box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08); 521 | } 522 | 523 | .design-box { 524 | position: absolute; 525 | bottom: 0; 526 | transform: translateY(-50%); 527 | left: 0; 528 | width: 75px; 529 | 530 | img { 531 | width: 100%; 532 | } 533 | } 534 | 535 | .ring_container { 536 | 537 | 538 | .detail-box { 539 | h4 { 540 | text-transform: uppercase; 541 | color: #fbb534; 542 | } 543 | 544 | h2 {} 545 | 546 | a { 547 | display: inline-block; 548 | padding: 5px 15px; 549 | border: 1px solid $black; 550 | font-weight: bold; 551 | color: $black; 552 | margin-top: 15px; 553 | } 554 | } 555 | 556 | .img-box { 557 | img { 558 | width: 100%; 559 | } 560 | } 561 | } 562 | 563 | 564 | } 565 | 566 | // end ring section 567 | 568 | // client section 569 | 570 | .client_section { 571 | .heading_container { 572 | justify-content: center; 573 | } 574 | 575 | .secondary_heading { 576 | text-align: center; 577 | } 578 | 579 | .client_container { 580 | display: flex; 581 | align-items: center; 582 | border: 1px solid #fbb534; 583 | padding: 25px; 584 | width: 85%; 585 | margin: 75px auto; 586 | 587 | .client-id { 588 | display: flex; 589 | align-items: center; 590 | width: 45%; 591 | 592 | .img-box { 593 | margin-right: 25px; 594 | 595 | img { 596 | width: 100%; 597 | } 598 | } 599 | 600 | h5 { 601 | font-weight: bold; 602 | } 603 | 604 | h6 { 605 | color: #f6d768; 606 | } 607 | } 608 | 609 | .detail-box { 610 | width: 55%; 611 | 612 | p { 613 | margin: 0; 614 | } 615 | } 616 | } 617 | 618 | .carousel-control-prev, 619 | .carousel-control-next { 620 | opacity: 1; 621 | 622 | } 623 | 624 | .carousel-control-prev { 625 | justify-content: flex-start; 626 | } 627 | 628 | .carousel-control-next { 629 | justify-content: flex-end; 630 | } 631 | 632 | .carousel-control-prev-icon, 633 | .carousel-control-next-icon { 634 | width: 30px; 635 | height: 30px; 636 | background-size: 25px; 637 | 638 | 639 | } 640 | 641 | .carousel-control-prev-icon { 642 | background-image: url(../images/prev-black.png); 643 | 644 | &:hover { 645 | background-image: url(../images/prev.png); 646 | } 647 | 648 | } 649 | 650 | .carousel-control-next-icon { 651 | background-image: url(../images/next-black.png); 652 | 653 | &:hover { 654 | background-image: url(../images/next.png); 655 | } 656 | } 657 | } 658 | 659 | 660 | // end client section 661 | 662 | // contact section 663 | .contact_section { 664 | position: relative; 665 | 666 | .design-box { 667 | position: absolute; 668 | bottom: 50%; 669 | transform: translateY(50%); 670 | right: 0; 671 | width: 75px; 672 | 673 | img { 674 | width: 100%; 675 | } 676 | } 677 | 678 | h2 { 679 | margin-bottom: 65px; 680 | } 681 | 682 | form { 683 | padding-right: 35px; 684 | } 685 | 686 | input { 687 | width: 100%; 688 | border: none; 689 | height: 50px; 690 | margin-bottom: 25px; 691 | padding-left: 25px; 692 | background-color: transparent; 693 | outline: none; 694 | color: #101010; 695 | -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); 696 | -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); 697 | box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); 698 | 699 | &::placeholder { 700 | color: #131313; 701 | } 702 | 703 | &.message-box { 704 | height: 120px; 705 | } 706 | } 707 | 708 | button { 709 | padding: 12px 45px; 710 | outline: none; 711 | border: none; 712 | border-radius: 30px; 713 | color: #fff; 714 | background: linear-gradient(to bottom, #f5e47b, #fb930a); 715 | margin-top: 35px; 716 | 717 | 718 | } 719 | 720 | .map_container { 721 | height: 100%; 722 | padding-bottom: 110px; 723 | 724 | .map-responsive { 725 | height: 100%; 726 | } 727 | } 728 | } 729 | 730 | // end contact section 731 | 732 | 733 | 734 | // info section 735 | .info_section { 736 | background-color: #363636; 737 | color: $white; 738 | 739 | .info_container { 740 | .info_logo { 741 | display: flex; 742 | justify-content: center; 743 | padding: 100px 10px 45px 10px; 744 | background-color: $white; 745 | width: 200px; 746 | border-radius: 0 0 50px 50px; 747 | 748 | a { 749 | display: flex; 750 | align-items: center; 751 | 752 | img { 753 | width: 50px; 754 | margin-right: 10px; 755 | } 756 | 757 | span { 758 | text-transform: uppercase; 759 | color: $black; 760 | font-size: 28px; 761 | font-weight: bold; 762 | } 763 | 764 | } 765 | } 766 | 767 | .info_contact { 768 | padding: 115px 10px 45px 10px; 769 | 770 | a { 771 | img { 772 | margin-right: 10px; 773 | } 774 | 775 | color: $white; 776 | } 777 | } 778 | } 779 | 780 | .info_heading { 781 | text-transform: uppercase; 782 | margin: 20px 0; 783 | position: relative; 784 | 785 | &::before { 786 | content: ""; 787 | width: 45px; 788 | height: 5px; 789 | position: absolute; 790 | bottom: -8px; 791 | left: 50%; 792 | transform: translateX(-50%); 793 | border-radius: 5px; 794 | background-color: #f8bf46; 795 | } 796 | } 797 | 798 | .info_form { 799 | 800 | form { 801 | display: flex; 802 | flex-direction: column; 803 | align-items: center; 804 | 805 | .email_box { 806 | display: flex; 807 | flex-direction: column; 808 | } 809 | 810 | label { 811 | color: #5a5959; 812 | } 813 | 814 | input { 815 | width: 500px; 816 | border: none; 817 | background-color: $white; 818 | outline: none; 819 | padding: 5px; 820 | } 821 | 822 | button { 823 | padding: 8px 65px; 824 | outline: none; 825 | border: none; 826 | border-radius: 30px; 827 | color: #fff; 828 | background: linear-gradient(to bottom, #f5e47b, #fb930a); 829 | margin-top: 35px; 830 | text-transform: uppercase; 831 | 832 | } 833 | } 834 | } 835 | 836 | .info_social { 837 | padding-top: 35px; 838 | display: flex; 839 | flex-direction: column; 840 | align-items: center; 841 | 842 | .social_box { 843 | display: flex; 844 | margin: 15px auto; 845 | align-items: center; 846 | 847 | img { 848 | min-width: 10px; 849 | margin: 0 10px; 850 | } 851 | } 852 | } 853 | 854 | } 855 | 856 | // end info section 857 | 858 | /* footer section*/ 859 | 860 | .footer_section { 861 | background-color: #363636; 862 | display: flex; 863 | justify-content: center; 864 | position: relative; 865 | } 866 | 867 | .footer_section p { 868 | border-top: 1px solid $white; 869 | color: #9c9b9b; 870 | margin: 0; 871 | text-align: center; 872 | padding: 20px 35px; 873 | margin: 0; 874 | } 875 | 876 | .footer_section { 877 | a { 878 | color: #9c9b9b; 879 | } 880 | 881 | } 882 | 883 | // end footer section -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Poppins", sans-serif; 3 | color: #0c0c0c; 4 | background-color: #232323; 5 | } 6 | .main_menu{ 7 | display: flex; 8 | align-items: center; 9 | justify-content: space-evenly; 10 | 11 | } 12 | .menu_btn{ 13 | color: white; 14 | background-color: #000000; 15 | padding: 0.2rem; 16 | border-radius: 10px; 17 | width: 5rem; 18 | } 19 | .d127_44 { 20 | overflow:hidden; 21 | } 22 | .e127_44 { 23 | width:648px; 24 | height:368px; 25 | position:absolute; 26 | } 27 | .e127_42 { 28 | border-radius:500px; 29 | background-color:rgba(247.00000047683716, 215.0000023841858, 105.00000134110451, 1); 30 | width:276px; 31 | height:268px; 32 | position:absolute; 33 | display: flex; 34 | align-items: center; 35 | justify-content: center; 36 | top: 400px; 37 | left: 40%; 38 | } 39 | .d127_42 { 40 | border:5px solid rgba(251.00000023841858, 147.00000643730164, 10.000000353902578, 1); 41 | } 42 | .e127_43 { 43 | color:rgba(0, 0, 0, 1); 44 | width:648px; 45 | height:106px; 46 | position:center; 47 | left:0px; 48 | top:131px; 49 | font-family:Poppins; 50 | text-align:center; 51 | font-size:50px; 52 | letter-spacing:0; 53 | line-height:px; 54 | } 55 | .imga{ 56 | width: 530px; 57 | } 58 | 59 | 60 | .khlass{ 61 | background-color: #000000; 62 | color: #ff1c1c; 63 | border-radius: 10%; 64 | height: 20%; 65 | width: 20%; 66 | } 67 | .inpo{ 68 | height: 50%; 69 | width: 50%; 70 | text-align: center; 71 | border-radius: 60%; 72 | position: relative; 73 | 74 | margin-left: 2em; 75 | } 76 | .confi{ 77 | margin-left: 2.6em; 78 | border-radius: 20%; 79 | width: 90%; 80 | } 81 | .confi:hover{ 82 | border-radius: 20%; 83 | width: 90%; 84 | color: yellowgreen; 85 | } 86 | button{ 87 | width: 100%; 88 | height: 100%; 89 | background-color: #f6d768; 90 | } 91 | @media(max-width:500px){ 92 | .imga{ 93 | display: none; 94 | 95 | } 96 | .khlass{ 97 | background-color: #000000; 98 | color: #000000; 99 | border-radius: 10%; 100 | height: 20%; 101 | width: 50%; 102 | } 103 | .inpo{ 104 | height: 50%; 105 | width: 50%; 106 | text-align: center; 107 | border-radius: 60%; 108 | position: relative; 109 | 110 | margin-left: 1.8em; 111 | } 112 | .confi{ 113 | margin-left: 2.4em; 114 | }} 115 | @media(max-width:500px){ 116 | .d127_44 { 117 | overflow:hidden; 118 | } 119 | .e127_44 { 120 | width:0px; 121 | height:0px; 122 | position:absolute; 123 | } 124 | .e127_42 { 125 | border-radius:500px; 126 | 127 | width:0px; 128 | height:0px; 129 | position:absolute; 130 | display: flex; 131 | align-items: center; 132 | justify-content: center; 133 | top: 400px; 134 | left: 40%; 135 | } 136 | .d127_42 { 137 | border:5px solid rgb(255, 255, 255); 138 | } 139 | .e127_43 { 140 | visibility: hidden; 141 | } 142 | 143 | 144 | } 145 | .layout_padding { 146 | padding: 75px 0; 147 | } 148 | 149 | .layout_padding2 { 150 | padding: 45px 0; 151 | } 152 | 153 | .layout_padding2-top { 154 | padding-top: 45px; 155 | } 156 | 157 | .layout_padding2-bottom { 158 | padding-bottom: 45px; 159 | } 160 | 161 | .layout_padding-top { 162 | padding-top: 75px; 163 | } 164 | 165 | .layout_padding-bottom { 166 | padding-bottom: 75px; 167 | } 168 | 169 | .heading_container { 170 | display: -webkit-box; 171 | display: -ms-flexbox; 172 | display: flex; 173 | } 174 | 175 | .heading_container h2 { 176 | position: relative; 177 | } 178 | 179 | .heading_container h2::before { 180 | content: ""; 181 | position: absolute; 182 | width: 9px; 183 | height: 30px; 184 | top: 14%; 185 | right: -15px; 186 | background: linear-gradient(to right, #fb930a, #f5e47b); 187 | } 188 | .bo{ 189 | position: relative; 190 | 191 | } 192 | @media(max-width:500px){ 193 | .bo { 194 | visibility:hidden; 195 | width: 9px; 196 | height: 30px; 197 | }} 198 | /*header section*/ 199 | .hero_area { 200 | height: 100vh; 201 | position: relative; 202 | background-image: url(../images/hero-bg.png); 203 | background-size: cover; 204 | background-position: bottom right; 205 | background-repeat: no-repeat; 206 | } 207 | #fcf-form { 208 | display:block; 209 | } 210 | 211 | .fcf-body { 212 | margin: 0; 213 | font-family: -apple-system, Arial, sans-serif; 214 | font-size: 1rem; 215 | font-weight: 400; 216 | line-height: 1.5; 217 | color: #000000; 218 | text-align: left; 219 | background-color: #383535; 220 | padding: 30px; 221 | padding-bottom: 10px; 222 | border: 1px solid #ced4da; 223 | border-radius: 0.25rem; 224 | max-width: 100%; 225 | } 226 | 227 | .fcf-form-group { 228 | margin-bottom: 1rem; 229 | } 230 | 231 | .fcf-input-group { 232 | position: relative; 233 | display: -ms-flexbox; 234 | display: flex; 235 | -ms-flex-wrap: wrap; 236 | flex-wrap: wrap; 237 | -ms-flex-align: stretch; 238 | align-items: stretch; 239 | width: 100%; 240 | } 241 | 242 | .fcf-form-control { 243 | display: block; 244 | width: 40%; 245 | height: calc(1.5em + 0.75rem + 2px); 246 | padding: 0.375rem 0.75rem; 247 | font-size: 1rem; 248 | font-weight: 400; 249 | line-height: 1.5; 250 | color: #495057; 251 | background-color: #fff; 252 | background-clip: padding-box; 253 | border: 1px solid #ced4da; 254 | outline: none; 255 | border-radius: 20rem; 256 | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 257 | } 258 | 259 | .fcf-form-control:focus { 260 | border: 1px solid #313131; 261 | } 262 | 263 | select.fcf-form-control[size], select.fcf-form-control[multiple] { 264 | height: auto; 265 | } 266 | 267 | textarea.fcf-form-control { 268 | font-family: -apple-system, Arial, sans-serif; 269 | height: auto; 270 | } 271 | 272 | label.fcf-label { 273 | display: inline-block; 274 | margin-bottom: 0.5rem; 275 | /* à 50%/50% du parent référent */ 276 | 277 | } 278 | 279 | .fcf-credit { 280 | padding-top: 10px; 281 | font-size: 0.9rem; 282 | color: #545b62; 283 | } 284 | 285 | .fcf-credit a { 286 | color: #545b62; 287 | text-decoration: underline; 288 | } 289 | 290 | .fcf-credit a:hover { 291 | color: #0056b3; 292 | text-decoration: underline; 293 | } 294 | 295 | .fcf-btn { 296 | display: inline-block; 297 | font-weight: 400; 298 | color: #212529; 299 | text-align: center; 300 | vertical-align: middle; 301 | cursor: pointer; 302 | -webkit-user-select: none; 303 | -moz-user-select: none; 304 | -ms-user-select: none; 305 | user-select: none; 306 | background-color: transparent; 307 | border: 1px solid transparent; 308 | padding: 0.375rem 0.75rem; 309 | font-size: 1rem; 310 | line-height: 1.5; 311 | border-radius: 2O.25rem; 312 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 313 | } 314 | 315 | @media (prefers-reduced-motion: reduce) { 316 | .fcf-btn { 317 | transition: none; 318 | } 319 | } 320 | 321 | .fcf-btn:hover { 322 | color: #212529; 323 | text-decoration: none; 324 | } 325 | 326 | .fcf-btn:focus, .fcf-btn.focus { 327 | outline: 0; 328 | box-shadow: 0 0 0 0.2rem #000000 329 | } 330 | 331 | .fcf-btn-primary { 332 | color: #fff; 333 | background-color: #000000; 334 | } 335 | 336 | .fcf-btn-primary:hover { 337 | color: #fff; 338 | background-color: #000000; 339 | } 340 | 341 | .fcf-btn-primary:focus, .fcf-btn-primary.focus { 342 | color: #fff; 343 | background-color: #000000; 344 | box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); 345 | } 346 | 347 | .fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn { 348 | padding: 0.5rem 1rem; 349 | font-size: 1.25rem; 350 | line-height: 1.5; 351 | border-radius: 20.3rem; 352 | } 353 | 354 | .fcf-btn-block { 355 | display: block; 356 | width: 100%; 357 | } 358 | 359 | .fcf-btn-block+.fcf-btn-block { 360 | margin-top: 0.5rem; 361 | } 362 | 363 | 364 | input[type="submit"].fcf-btn-block, input[type="reset"].fcf-btn-block, input[type="button"].fcf-btn-block { 365 | width: 100%; 366 | } 367 | /* Style inputs with type="text", select elements and textareas */ 368 | input[type=text], select, textarea { 369 | width: 100%; /* Full width */ 370 | padding: 12px; /* Some padding */ 371 | border: 1px solid #ccc; /* Gray border */ 372 | border-radius: 4px; /* Rounded borders */ 373 | box-sizing: border-box; /* Make sure that padding and width stays in place */ 374 | margin-top: 6px; /* Add a top margin */ 375 | margin-bottom: 16px; /* Bottom margin */ 376 | resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ 377 | } 378 | map { 379 | display: inline; 380 | } 381 | 382 | /* Style the submit button with a specific background color etc */ 383 | input[type=submit] { 384 | background-color: #000000; 385 | color: white; 386 | padding: 12px 20px; 387 | border: none; 388 | border-radius: 4px; 389 | cursor: pointer; 390 | } 391 | 392 | /* When moving the mouse over the submit button, add a darker green color */ 393 | input[type=submit]:hover { 394 | background-color: #86702b; 395 | } 396 | 397 | .hero_areaa { 398 | height: 100vh; 399 | position: relative; 400 | background-color: #f6d768; 401 | background-size: cover; 402 | background-position: bottom right; 403 | background-repeat: no-repeat; 404 | } 405 | 406 | .sub_page .hero_area { 407 | height: auto; 408 | background-position: top right; 409 | } 410 | 411 | .hero_area.sub_pages { 412 | height: auto; 413 | } 414 | 415 | .header_section .container-fluid { 416 | padding-right: 25px; 417 | padding-left: 25px; 418 | } 419 | 420 | .header_section .nav_container { 421 | margin: 0 auto; 422 | } 423 | 424 | .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link { 425 | padding: 10px 30px; 426 | color: #000000; 427 | text-align: center; 428 | } 429 | 430 | a, 431 | a:hover, 432 | a:focus { 433 | text-decoration: none; 434 | } 435 | 436 | a:hover, 437 | a:focus { 438 | color: rgb(173, 173, 214); 439 | } 440 | 441 | .btn, 442 | .btn:focus { 443 | outline: none !important; 444 | -webkit-box-shadow: none; 445 | box-shadow: none; 446 | } 447 | 448 | .custom_nav-container .nav_search-btn { 449 | background-image: url(../images/search-icon.png); 450 | background-size: 22px; 451 | background-repeat: no-repeat; 452 | background-position-y: 7px; 453 | width: 35px; 454 | height: 35px; 455 | padding: 0; 456 | border: none; 457 | } 458 | 459 | .navbar-brand { 460 | display: -webkit-box; 461 | display: -ms-flexbox; 462 | display: flex; 463 | -webkit-box-align: center; 464 | -ms-flex-align: center; 465 | align-items: center; 466 | } 467 | 468 | .navbar-brand img { 469 | width: 30px; 470 | margin-right: 5px; 471 | } 472 | 473 | 474 | .custom_nav-container { 475 | z-index: 99999; 476 | padding: 5px 0; 477 | } 478 | 479 | .custom_nav-container .navbar-toggler { 480 | outline: none; 481 | } 482 | 483 | .custom_nav-container .navbar-toggler .navbar-toggler-icon { 484 | background-image: url(../images/menu.png); 485 | background-size: 45px; 486 | } 487 | 488 | .quote_btn-container { 489 | display: -webkit-box; 490 | display: -ms-flexbox; 491 | display: flex; 492 | -webkit-box-align: center; 493 | -ms-flex-align: center; 494 | align-items: center; 495 | } 496 | 497 | .quote_btn-container a { 498 | color: #000000; 499 | position: relative; 500 | } 501 | 502 | .quote_btn-container a .cart_number { 503 | position: absolute; 504 | top: 68%; 505 | left: 50%; 506 | -webkit-transform: translate(-50%, -50%); 507 | transform: translate(-50%, -50%); 508 | color: #ffffff; 509 | font-size: 12px; 510 | } 511 | 512 | .quote_btn-container a img { 513 | width: 20px; 514 | margin: 0 25px; 515 | } 516 | 517 | /*end header section*/ 518 | /* slider section */ 519 | .slider_section { 520 | height: calc(100% - 70px); 521 | display: -webkit-box; 522 | display: -ms-flexbox; 523 | display: flex; 524 | -webkit-box-align: center; 525 | -ms-flex-align: center; 526 | align-items: center; 527 | position: relative; 528 | } 529 | 530 | .slider_section .row { 531 | -webkit-box-align: center; 532 | -ms-flex-align: center; 533 | align-items: center; 534 | } 535 | 536 | .slider_section .design-box { 537 | position: absolute; 538 | bottom: 0; 539 | -webkit-transform: translateY(-50%); 540 | transform: translateY(-50%); 541 | left: 0; 542 | width: 75px; 543 | } 544 | 545 | .slider_section .design-box img { 546 | width: 100%; 547 | } 548 | 549 | .slider_section .slider_number-container { 550 | position: absolute; 551 | top: 45%; 552 | -webkit-transform: translateY(-50%); 553 | transform: translateY(-50%); 554 | right: 4%; 555 | text-align: center; 556 | opacity: .6; 557 | } 558 | 559 | .slider_section .slider_number-container hr { 560 | width: 1px; 561 | height: 50px; 562 | border: none; 563 | background-color: #ffffff; 564 | } 565 | 566 | .slider_section .slider_number-container .number-box { 567 | display: -webkit-box; 568 | display: -ms-flexbox; 569 | display: flex; 570 | -webkit-box-orient: vertical; 571 | -webkit-box-direction: normal; 572 | -ms-flex-direction: column; 573 | flex-direction: column; 574 | -webkit-box-pack: center; 575 | -ms-flex-pack: center; 576 | justify-content: center; 577 | -webkit-box-align: center; 578 | -ms-flex-align: center; 579 | align-items: center; 580 | color: #ffffff; 581 | text-transform: uppercase; 582 | } 583 | 584 | .slider_section .detail_box h2 { 585 | margin-bottom: 0; 586 | display: -webkit-box; 587 | display: -ms-flexbox; 588 | display: flex; 589 | -webkit-box-align: center; 590 | -ms-flex-align: center; 591 | align-items: center; 592 | } 593 | 594 | .slider_section .detail_box h2 span { 595 | margin-right: 10px; 596 | } 597 | 598 | .slider_section .detail_box h2 hr { 599 | margin: 0; 600 | border: none; 601 | width: 55px; 602 | height: 1px; 603 | background-color: #000000; 604 | } 605 | 606 | .slider_section .detail_box h1 { 607 | font-weight: bold; 608 | text-transform: uppercase; 609 | font-size: 5rem; 610 | margin-bottom: 30px; 611 | } 612 | 613 | .slider_section .detail_box a { 614 | display: inline-block; 615 | padding: 8px 40px; 616 | background-color: #0d0806; 617 | border: 1px solid #0d0806; 618 | color: #ffffff; 619 | border-radius: 0; 620 | margin: 35px 0; 621 | } 622 | 623 | 624 | .slider_section .detail_box a:hover { 625 | background-color: transparent; 626 | color: #474342; 627 | } 628 | 629 | .slider_section .img-box img { 630 | width: 100%; 631 | } 632 | .map-responsive { 633 | overflow:hidden; 634 | padding-bottom:56.25%; 635 | position:relative; 636 | height:0; 637 | } 638 | .map-responsive iframe { 639 | left:0; 640 | top:0; 641 | height:100%; 642 | width:100%; 643 | position:absolute; 644 | } 645 | .slider_section .carousel-indicators { 646 | padding: 0; 647 | margin: 0; 648 | right: initial; 649 | bottom: 22%; 650 | left: 17%; 651 | } 652 | 653 | .slider_section .carousel-indicators li { 654 | text-indent: 0; 655 | width: auto; 656 | height: auto; 657 | opacity: 1; 658 | background-color: transparent; 659 | border: none; 660 | color: #c0c0c0; 661 | font-size: 24px; 662 | display: none; 663 | } 664 | 665 | .slider_section .carousel-indicators li.active { 666 | display: block; 667 | } 668 | 669 | .item_section .item_container { 670 | display: -webkit-box; 671 | display: -ms-flexbox; 672 | display: flex; 673 | -webkit-box-pack: center; 674 | -ms-flex-pack: center; 675 | justify-content: center; 676 | -ms-flex-wrap: wrap; 677 | flex-wrap: wrap; 678 | } 679 | 680 | .item_section .item_container .box { 681 | width: 300px; 682 | display: -webkit-box; 683 | display: -ms-flexbox; 684 | display: flex; 685 | -webkit-box-orient: vertical; 686 | -webkit-box-direction: normal; 687 | -ms-flex-direction: column; 688 | flex-direction: column; 689 | -webkit-box-pack: justify; 690 | -ms-flex-pack: justify; 691 | justify-content: space-between; 692 | margin: 30px 10px; 693 | padding: 15px; 694 | -webkit-box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15); 695 | box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15); 696 | } 697 | 698 | .item_section .item_container .box .img-box { 699 | width: 100%; 700 | display: -webkit-box; 701 | display: -ms-flexbox; 702 | display: flex; 703 | -webkit-box-pack: center; 704 | -ms-flex-pack: center; 705 | justify-content: center; 706 | } 707 | 708 | .item_section .item_container .box .img-box img { 709 | width: 125px; 710 | } 711 | 712 | .item_section .item_container .box h6 { 713 | color: #5a5958; 714 | text-transform: uppercase; 715 | } 716 | 717 | .item_section .item_container .box h5 { 718 | text-transform: uppercase; 719 | } 720 | 721 | .item_section .item_container .box:hover { 722 | -webkit-box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.1); 723 | box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.1); 724 | } 725 | 726 | .about_section { 727 | position: relative; 728 | } 729 | 730 | .about_section .design-box { 731 | position: absolute; 732 | bottom: 0; 733 | -webkit-transform: translateY(-50%); 734 | transform: translateY(-50%); 735 | right: 0; 736 | width: 75px; 737 | } 738 | 739 | .about_section .design-box img { 740 | width: 100%; 741 | } 742 | 743 | .about_section .row { 744 | -webkit-box-align: center; 745 | -ms-flex-align: center; 746 | align-items: center; 747 | } 748 | 749 | .about_section .detail-box p { 750 | margin-top: 35px; 751 | } 752 | 753 | .about_section .detail-box a { 754 | display: inline-block; 755 | padding: 8px 40px; 756 | background-color: #0d0806; 757 | border: 1px solid #0d0806; 758 | color: #ffffff; 759 | border-radius: 0; 760 | margin-top: 35px; 761 | } 762 | 763 | .about_section .detail-box a:hover { 764 | background-color: transparent; 765 | color: #0d0806; 766 | } 767 | 768 | .about_section .img-box img { 769 | width: 100%; 770 | } 771 | 772 | .price_section { 773 | background-color: #383535; 774 | } 775 | 776 | .price_section .price_container { 777 | display: -webkit-box; 778 | display: -ms-flexbox; 779 | display: flex; 780 | -webkit-box-pack: center; 781 | -ms-flex-pack: center; 782 | justify-content: center; 783 | padding: 40px 0; 784 | -ms-flex-wrap: wrap; 785 | flex-wrap: wrap; 786 | } 787 | 788 | .price_section .price_container .box { 789 | min-width: 300px; 790 | max-width: 360px; 791 | height: 250px; 792 | display: -webkit-box; 793 | display: -ms-flexbox; 794 | display: flex; 795 | -webkit-box-orient: vertical; 796 | -webkit-box-direction: normal; 797 | -ms-flex-direction: column; 798 | flex-direction: column; 799 | -webkit-box-align: center; 800 | -ms-flex-align: center; 801 | align-items: center; 802 | -webkit-box-pack: justify; 803 | -ms-flex-pack: justify; 804 | justify-content: space-between; 805 | margin: 35px 10px; 806 | padding: 45px 0 25px 0; 807 | text-align: center; 808 | background-color: #383535; 809 | -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.05); 810 | box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.05); 811 | -webkit-box-flex: 1; 812 | -ms-flex-positive: 1; 813 | flex-grow: 1; 814 | } 815 | 816 | .price_section .price_container .box .img-box { 817 | width: 100%; 818 | display: -webkit-box; 819 | display: -ms-flexbox; 820 | display: flex; 821 | -webkit-box-pack: center; 822 | -ms-flex-pack: center; 823 | justify-content: center; 824 | } 825 | 826 | .price_section .price_container .box .img-box img { 827 | width: 200px; 828 | } 829 | 830 | .price_section .price_container .box h6 { 831 | font-weight: bold; 832 | font-size: 18px; 833 | color: #ffffff; 834 | } 835 | 836 | .price_section .price_container .box .detail-box h5 { 837 | text-transform: uppercase; 838 | font-weight: bold; 839 | font-size: 22px; 840 | } 841 | 842 | .price_section .price_container .box .detail-box h5 span { 843 | color: #878581; 844 | } 845 | 846 | .price_section .price_container .box .detail-box a { 847 | display: inline-block; 848 | padding: 5px 15px; 849 | border: 1px solid #ffffff; 850 | font-weight: bold; 851 | color: #ffffff; 852 | margin-top: 15px; 853 | } 854 | 855 | .price_section .price_container .box:hover a { 856 | border-color: #ffffff; 857 | color: #b3a5a5; 858 | } 859 | 860 | .price_section .price_btn { 861 | display: inline-block; 862 | padding: 8px 40px; 863 | background-color: #0d0806; 864 | border: 1px solid #0d0806; 865 | color: #ffffff; 866 | border-radius: 0; 867 | } 868 | 869 | .price_section .price_btn:hover { 870 | background-color: transparent; 871 | color: #0d0806; 872 | } 873 | 874 | .ring_section { 875 | text-align: center; 876 | position: relative; 877 | } 878 | 879 | .ring_section .row { 880 | -webkit-box-align: center; 881 | -ms-flex-align: center; 882 | align-items: center; 883 | } 884 | 885 | .ring_section .container { 886 | -webkit-box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08); 887 | box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08); 888 | } 889 | 890 | .ring_section .design-box { 891 | position: absolute; 892 | bottom: 0; 893 | -webkit-transform: translateY(-50%); 894 | transform: translateY(-50%); 895 | left: 0; 896 | width: 75px; 897 | } 898 | 899 | .ring_section .design-box img { 900 | width: 100%; 901 | } 902 | 903 | .ring_section .ring_container .detail-box h4 { 904 | text-transform: uppercase; 905 | color: #5b5b5b; 906 | } 907 | 908 | .ring_section .ring_container .detail-box a { 909 | display: inline-block; 910 | padding: 5px 15px; 911 | border: 1px solid #000000; 912 | font-weight: bold; 913 | color: #000000; 914 | margin-top: 15px; 915 | } 916 | 917 | .ring_section .ring_container .img-box img { 918 | width: 100%; 919 | } 920 | 921 | .client_section .heading_container { 922 | -webkit-box-pack: center; 923 | -ms-flex-pack: center; 924 | justify-content: center; 925 | } 926 | 927 | .client_section .secondary_heading { 928 | text-align: center; 929 | } 930 | 931 | .client_section .client_container { 932 | display: -webkit-box; 933 | display: -ms-flexbox; 934 | display: flex; 935 | -webkit-box-align: center; 936 | -ms-flex-align: center; 937 | align-items: center; 938 | border: 1px solid #989898; 939 | padding: 25px; 940 | width: 85%; 941 | margin: 75px auto; 942 | } 943 | 944 | .client_section .client_container .client-id { 945 | display: -webkit-box; 946 | display: -ms-flexbox; 947 | display: flex; 948 | -webkit-box-align: center; 949 | -ms-flex-align: center; 950 | align-items: center; 951 | width: 45%; 952 | } 953 | 954 | .client_section .client_container .client-id .img-box { 955 | margin-right: 25px; 956 | } 957 | 958 | .client_section .client_container .client-id .img-box img { 959 | width: 100%; 960 | } 961 | 962 | .client_section .client_container .client-id h5 { 963 | font-weight: bold; 964 | } 965 | 966 | .client_section .client_container .client-id h6 { 967 | color: #9f9f9f; 968 | } 969 | 970 | .client_section .client_container .detail-box { 971 | width: 55%; 972 | } 973 | 974 | .client_section .client_container .detail-box p { 975 | margin: 0; 976 | } 977 | 978 | .client_section .carousel-control-prev, 979 | .client_section .carousel-control-next { 980 | opacity: 1; 981 | } 982 | 983 | .client_section .carousel-control-prev { 984 | -webkit-box-pack: start; 985 | -ms-flex-pack: start; 986 | justify-content: flex-start; 987 | } 988 | 989 | .client_section .carousel-control-next { 990 | -webkit-box-pack: end; 991 | -ms-flex-pack: end; 992 | justify-content: flex-end; 993 | } 994 | 995 | .client_section .carousel-control-prev-icon, 996 | .client_section .carousel-control-next-icon { 997 | width: 30px; 998 | height: 30px; 999 | background-size: 25px; 1000 | } 1001 | 1002 | .client_section .carousel-control-prev-icon { 1003 | background-image: url(../images/prev-black.png); 1004 | } 1005 | 1006 | .client_section .carousel-control-prev-icon:hover { 1007 | background-image: url(../images/prev.png); 1008 | } 1009 | 1010 | .client_section .carousel-control-next-icon { 1011 | background-image: url(../images/next-black.png); 1012 | } 1013 | 1014 | .client_section .carousel-control-next-icon:hover { 1015 | background-image: url(../images/next.png); 1016 | } 1017 | 1018 | .contact_section { 1019 | position: relative; 1020 | } 1021 | 1022 | .contact_section .design-box { 1023 | position: absolute; 1024 | bottom: 50%; 1025 | -webkit-transform: translateY(50%); 1026 | transform: translateY(50%); 1027 | right: 0; 1028 | width: 75px; 1029 | } 1030 | 1031 | .contact_section .design-box img { 1032 | width: 100%; 1033 | } 1034 | 1035 | .contact_section h2 { 1036 | margin-bottom: 65px; 1037 | } 1038 | 1039 | .contact_section form { 1040 | padding-right: 35px; 1041 | } 1042 | 1043 | .contact_section input { 1044 | width: 100%; 1045 | border: none; 1046 | height: 50px; 1047 | margin-bottom: 25px; 1048 | padding-left: 25px; 1049 | background-color: transparent; 1050 | outline: none; 1051 | color: #101010; 1052 | -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); 1053 | box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); 1054 | } 1055 | 1056 | .contact_section input::-webkit-input-placeholder { 1057 | color: #131313; 1058 | } 1059 | 1060 | .contact_section input:-ms-input-placeholder { 1061 | color: #131313; 1062 | } 1063 | 1064 | .contact_section input::-ms-input-placeholder { 1065 | color: #131313; 1066 | } 1067 | 1068 | .contact_section input::placeholder { 1069 | color: #131313; 1070 | } 1071 | 1072 | .contact_section input.message-box { 1073 | height: 120px; 1074 | } 1075 | 1076 | .contact_section button { 1077 | padding: 12px 45px; 1078 | outline: none; 1079 | border: none; 1080 | border-radius: 30px; 1081 | color: #fff; 1082 | background: -webkit-gradient(linear, left top, left bottom, from(#f5e47b), to(#fb930a)); 1083 | background: linear-gradient(to bottom, #f5e47b, #fb930a); 1084 | margin-top: 35px; 1085 | } 1086 | 1087 | .contact_section .map_container { 1088 | height: 100%; 1089 | padding-bottom: 110px; 1090 | } 1091 | 1092 | .contact_section .map_container .map-responsive { 1093 | height: 100%; 1094 | } 1095 | 1096 | .info_section { 1097 | background-color: #000000; 1098 | color: #ffffff; 1099 | } 1100 | 1101 | .info_section .info_container .info_logo { 1102 | display: -webkit-box; 1103 | display: -ms-flexbox; 1104 | display: flex; 1105 | -webkit-box-pack: center; 1106 | -ms-flex-pack: center; 1107 | justify-content: center; 1108 | padding: 100px 10px 45px 10px; 1109 | background-color: #000000; 1110 | width: 200px; 1111 | border-radius: 0 0 50px 50px; 1112 | } 1113 | 1114 | .info_section .info_container .info_logo a { 1115 | display: -webkit-box; 1116 | display: -ms-flexbox; 1117 | display: flex; 1118 | color:white; 1119 | -webkit-box-align: center; 1120 | -ms-flex-align: center; 1121 | align-items: center; 1122 | } 1123 | 1124 | .info_section .info_container .info_logo a img { 1125 | width: 50px; 1126 | margin-right: 10px; 1127 | } 1128 | 1129 | .info_section .info_container .info_logo a span { 1130 | text-transform: uppercase; 1131 | color: #000000; 1132 | font-size: 28px; 1133 | font-weight: bold; 1134 | } 1135 | 1136 | .info_section .info_container .info_contact { 1137 | padding: 115px 10px 45px 10px; 1138 | } 1139 | 1140 | .info_section .info_container .info_contact a { 1141 | color: #ffffff; 1142 | } 1143 | 1144 | .info_section .info_container .info_contact a img { 1145 | margin-right: 10px; 1146 | } 1147 | 1148 | .info_section .info_heading { 1149 | text-transform: uppercase; 1150 | margin: 20px 0; 1151 | position: relative; 1152 | } 1153 | 1154 | .info_section .info_heading::before { 1155 | content: ""; 1156 | width: 45px; 1157 | height: 5px; 1158 | position: absolute; 1159 | bottom: -8px; 1160 | left: 50%; 1161 | -webkit-transform: translateX(-50%); 1162 | transform: translateX(-50%); 1163 | border-radius: 5px; 1164 | background-color: #ffffff; 1165 | } 1166 | 1167 | .info_section .info_form form { 1168 | display: -webkit-box; 1169 | display: -ms-flexbox; 1170 | display: flex; 1171 | -webkit-box-orient: vertical; 1172 | -webkit-box-direction: normal; 1173 | -ms-flex-direction: column; 1174 | flex-direction: column; 1175 | -webkit-box-align: center; 1176 | -ms-flex-align: center; 1177 | align-items: center; 1178 | } 1179 | 1180 | .info_section .info_form form .email_box { 1181 | display: -webkit-box; 1182 | display: -ms-flexbox; 1183 | display: flex; 1184 | -webkit-box-orient: vertical; 1185 | -webkit-box-direction: normal; 1186 | -ms-flex-direction: column; 1187 | flex-direction: column; 1188 | } 1189 | 1190 | .info_section .info_form form label { 1191 | color: #5a5959; 1192 | } 1193 | 1194 | .info_section .info_form form input { 1195 | width: 500px; 1196 | border: none; 1197 | background-color: #ffffff; 1198 | outline: none; 1199 | padding: 5px; 1200 | } 1201 | 1202 | .info_section .info_form form button { 1203 | padding: 8px 65px; 1204 | outline: none; 1205 | border: none; 1206 | border-radius: 30px; 1207 | color: #fff; 1208 | background-color: #000000; 1209 | margin-top: 35px; 1210 | text-transform: uppercase; 1211 | } 1212 | 1213 | .info_section .info_social { 1214 | padding-top: 35px; 1215 | display: -webkit-box; 1216 | display: -ms-flexbox; 1217 | display: flex; 1218 | -webkit-box-orient: vertical; 1219 | -webkit-box-direction: normal; 1220 | -ms-flex-direction: column; 1221 | flex-direction: column; 1222 | -webkit-box-align: center; 1223 | -ms-flex-align: center; 1224 | align-items: center; 1225 | } 1226 | 1227 | .info_section .info_social .social_box { 1228 | display: -webkit-box; 1229 | display: -ms-flexbox; 1230 | display: flex; 1231 | margin: 15px auto; 1232 | -webkit-box-align: center; 1233 | -ms-flex-align: center; 1234 | align-items: center; 1235 | } 1236 | 1237 | .info_section .info_social .social_box img { 1238 | min-width: 10px; 1239 | margin: 0 10px; 1240 | } 1241 | 1242 | /* footer section*/ 1243 | .footer_section { 1244 | background-color: #000000; 1245 | display: -webkit-box; 1246 | display: -ms-flexbox; 1247 | display: flex; 1248 | -webkit-box-pack: center; 1249 | -ms-flex-pack: center; 1250 | justify-content: center; 1251 | position: relative; 1252 | } 1253 | 1254 | .footer_section p { 1255 | border-top: 1px solid #ffffff; 1256 | color: #9c9b9b; 1257 | margin: 0; 1258 | text-align: center; 1259 | padding: 20px 35px; 1260 | margin: 0; 1261 | } 1262 | 1263 | .footer_section a { 1264 | color: #9c9b9b; 1265 | } 1266 | /*# sourceMappingURL=style.css.map */ --------------------------------------------------------------------------------