diff --git a/.gitignore b/.gitignore
index d5f19d8..8c93adf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
node_modules
package-lock.json
+.idea
diff --git a/assets/images/1.jpg b/assets/images/1.jpg
new file mode 100644
index 0000000..4cf29ac
Binary files /dev/null and b/assets/images/1.jpg differ
diff --git a/assets/images/2.jpg b/assets/images/2.jpg
new file mode 100644
index 0000000..515760e
Binary files /dev/null and b/assets/images/2.jpg differ
diff --git a/assets/images/3.jpg b/assets/images/3.jpg
new file mode 100644
index 0000000..41c45e5
Binary files /dev/null and b/assets/images/3.jpg differ
diff --git a/assets/images/ban-1.png b/assets/images/ban-1.png
new file mode 100644
index 0000000..2c890d9
Binary files /dev/null and b/assets/images/ban-1.png differ
diff --git a/assets/images/ban-2.png b/assets/images/ban-2.png
new file mode 100644
index 0000000..309f855
Binary files /dev/null and b/assets/images/ban-2.png differ
diff --git a/assets/images/bg-1.jpg b/assets/images/bg-1.jpg
new file mode 100644
index 0000000..45495e4
Binary files /dev/null and b/assets/images/bg-1.jpg differ
diff --git a/assets/silon_logo.png b/assets/silon_logo.png
new file mode 100644
index 0000000..aa24d8e
Binary files /dev/null and b/assets/silon_logo.png differ
diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..447831e
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,1123 @@
+@import "normalize.css";
+@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Roboto:wght@100;300;400;500;700&display=swap");
+footer {
+ background-color: #e9e2d8;
+ width: auto;
+}
+
+.lists {
+ position: relative;
+}
+
+.list {
+ text-align: left;
+ position: relative;
+ font-size: 14px;
+ list-style-type: none;
+ margin-bottom: 30px;
+ font-weight: 400;
+ width: 100%;
+}
+.list .list__item {
+ display: inline-block;
+ margin: 8px 0;
+ color: #888888;
+ text-decoration: none;
+}
+.list__wider {
+ display: inline-block;
+}
+.list ul {
+ list-style: none;
+}
+.list ul :hover a {
+ color: #ff5353;
+}
+
+.buttons {
+ margin-bottom: 30px;
+}
+.buttons a {
+ text-decoration: none;
+}
+
+.list__title {
+ text-transform: uppercase;
+ position: relative;
+}
+
+.button__google--content {
+ padding: 8px 8px 10px 8px;
+ color: black;
+ background-color: white;
+ border-radius: 8px;
+ text-align: center;
+ display: inline-block;
+ text-transform: uppercase;
+}
+
+.button-texts {
+ position: relative;
+ display: inline-block;
+}
+
+.small-text {
+ text-align: left;
+ height: 8px;
+ font-size: 10px;
+ font-family: "Roboto", sans-serif;
+ margin: 5px 0px;
+}
+
+.bigger-text {
+ text-align: left;
+ width: inherit;
+ font-size: 13px;
+ font-weight: 500;
+ margin: 0;
+}
+
+.ti-android {
+ color: #ff5353;
+ font-size: 20px;
+ text-align: center;
+}
+
+.buttons:hover .button__google--content {
+ color: white;
+ background-color: #ff5353;
+}
+.buttons:hover .button__google--content .ti-android {
+ color: white;
+}
+
+.ti-apple {
+ font-size: 20px;
+ text-align: center;
+}
+
+.button {
+ position: relative;
+}
+.button__google--content:hover {
+ transition: 1ms;
+ background-color: #ff5353;
+}
+.button__google--content:hover ._buttonTexts {
+ color: white;
+}
+.button__google--content:hover .ti-android {
+ color: #fff;
+}
+
+.button__apple {
+ height: 47px;
+}
+
+.button__apple--content {
+ padding: 8px 8px 10px 8px;
+ color: white;
+ background-color: #ff5353;
+ border-radius: 8px;
+ text-align: center;
+ display: inline-block;
+ text-transform: uppercase;
+}
+
+.icons-footer {
+ text-decoration: none;
+ display: flex;
+ align-items: flex-start;
+}
+
+.socialmedia {
+ height: 30px;
+ width: 30px;
+ background-color: white;
+ margin: 0px 10px 0px 0px;
+ position: relative;
+ color: black;
+}
+
+.ti-facebook {
+ text-decoration: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-right: -50%;
+ transform: translate(-50%, -50%);
+}
+
+.socialmedia:hover {
+ background-color: #ff5353;
+ color: white;
+}
+
+.ti-twitter-alt {
+ text-decoration: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-right: -50%;
+ transform: translate(-50%, -50%);
+}
+
+.ti-pinterest-alt {
+ text-decoration: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-right: -50%;
+ transform: translate(-50%, -50%);
+}
+
+.ti-instagram {
+ text-decoration: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-right: -50%;
+ transform: translate(-50%, -50%);
+}
+
+footer {
+ display: flex;
+ flex-direction: column;
+}
+
+.footer-applications {
+ padding: 0 0 0 40px;
+}
+
+.copyright {
+ padding: 20px;
+ position: relative;
+ text-align: center;
+ color: rgba(136, 136, 136, 0.5333333333);
+ font-size: 15px;
+ background-color: #e9e2d8;
+}
+
+a.red-link {
+ color: #ff5353;
+ text-decoration: none;
+}
+
+.container__align {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ height: 48.6px;
+ margin: 0 100px;
+}
+.container--left {
+ width: 50%;
+ padding: 0px 15px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-start;
+}
+.container--right {
+ width: 50%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0px 15px;
+}
+
+.info {
+ display: inline-block;
+ height: 100%;
+ text-align: center;
+ font-size: 11px;
+ padding: 0px 15px 0px 0px;
+ text-transform: uppercase;
+ font-weight: 300;
+}
+
+.header__top {
+ background-color: #fef7f6;
+ height: 48.6px;
+ font-size: 11px;
+ width: 100%;
+}
+.header__lower {
+ font-size: 11px;
+ width: 100%;
+}
+
+.counter {
+ position: absolute;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 13px;
+ width: 13px;
+ border-radius: 50%;
+ background-color: #ff5353;
+ color: #fef7f6;
+ font-size: 8px;
+}
+
+.icons-header {
+ color: black;
+ text-decoration: none;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-end;
+}
+
+.ti-align-justify {
+ text-decoration: none;
+ position: relative;
+ font-size: 18px;
+ padding: 10px;
+ box-sizing: border-box;
+}
+
+.ti-angle-down {
+ position: relative;
+ color: black;
+ left: 3px;
+}
+
+.logo {
+ position: relative;
+ display: inline;
+}
+
+.dropbtn {
+ padding: 35px 15px;
+ border: none;
+ cursor: pointer;
+}
+
+.dropdown {
+ position: relative;
+ display: inline-block;
+}
+
+.dropdown-content {
+ display: none;
+ position: absolute;
+ left: 0;
+ background-color: white;
+ min-width: 220px;
+ box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);
+ z-index: 1;
+ list-style: none;
+ transition: all 300ms ease;
+ text-transform: uppercase;
+ font-family: "Roboto", sans-serif;
+ font-weight: 500;
+ -webkit-padding-start: 0px;
+ padding-inline-start: 0px;
+ font-size: 11px;
+}
+
+.dropdown-content a {
+ color: black;
+ padding: 20px 20px;
+ text-decoration: none;
+ display: block;
+}
+
+.dropdown-content a:hover {
+ background-color: #f1f1f1;
+ color: #ff5353;
+}
+
+.dropdown:hover .dropdown-content {
+ display: block;
+}
+
+.dropdown:hover .dropbtn {
+ color: #ff5353;
+}
+
+.banner {
+ display: block;
+ width: 100%;
+ position: relative;
+}
+.banner__fluid {
+ width: 100%;
+ padding: 0 15px;
+ margin: 0 auto;
+}
+.banner__order {
+ position: relative;
+ width: 100%;
+ padding-right: -15px;
+ padding-left: -15px;
+ margin-right: auto;
+ margin-left: auto;
+ flex-wrap: wrap;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+}
+.banner__order--column {
+ position: relative;
+ width: 50%;
+ height: 100%;
+ padding: 0 15px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+}
+.banner__substance {
+ position: relative;
+ width: 50%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-end;
+}
+.banner__image {
+ position: relative;
+ height: auto;
+ justify-content: flex-start;
+}
+
+.first-banner {
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-size: cover;
+ background-image: url("https://demo.themeies.com/silon/images/bg-1.jpg");
+}
+.first-banner__subtitle {
+ height: 11.2px;
+ text-transform: uppercase;
+ color: #565656;
+ margin: 0;
+}
+
+.second-banner {
+ background-color: #e9e2d8;
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.second-banner__title {
+ font-family: "Dancing Script", cursive;
+ font-weight: 700;
+ margin: 0 0 33px;
+ font-size: 58px;
+}
+.second-banner__title--subtitle {
+ font-weight: 300;
+ text-transform: uppercase;
+ margin: 0 0 54px;
+ text-align: center;
+ font-size: 24px;
+}
+
+h1 {
+ font-size: 50px;
+ text-align: center;
+}
+
+.content__button:hover.content__button--content {
+ color: #181886;
+ background-color: white;
+}
+
+.content {
+ position: relative;
+ text-align: center;
+ padding: 15px 15px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: nowrap;
+}
+.content__button {
+ background: #ff5353;
+ width: 170px;
+ height: 51.2px;
+ border-radius: 8px;
+}
+.content__button--content {
+ display: inline-block;
+ text-transform: uppercase;
+ color: white;
+ padding: 20px 25px;
+ text-align: center;
+ text-decoration: none;
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 14px;
+ font-weight: 500;
+}
+
+.featured-product__container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ display: block;
+ flex-wrap: wrap;
+ margin: 0 100px;
+}
+
+h2 {
+ font-size: 36px;
+ text-align: center;
+ text-transform: uppercase;
+ padding: 0px 0 50px 0;
+}
+
+.ti-shopping-cart {
+ text-decoration: none;
+ position: relative;
+ font-size: 18px;
+ padding: 10px;
+ box-sizing: border-box;
+}
+
+.ti-heart {
+ text-decoration: none;
+ position: relative;
+ font-size: 18px;
+ padding: 10px;
+}
+
+.ti-search {
+ text-decoration: none;
+ position: relative;
+ font-size: 18px;
+ padding: 10px;
+}
+
+.ti-star {
+ text-decoration: none;
+ position: relative;
+ text-align: center;
+ color: #ff5353;
+ font-size: 14px;
+ margin: 0;
+ padding: 0;
+}
+
+.columns {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ position: relative;
+ margin-bottom: 50px;
+ display: flex;
+}
+
+.product:hover .product__item--hover {
+ visibility: visible;
+ position: relative;
+ top: -200px;
+ transition: top 300ms ease-in-out;
+}
+
+.product {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+}
+.product__item {
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin: 0;
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ box-sizing: border-box;
+}
+.product__item--hover {
+ top: -180px;
+ position: relative;
+ visibility: hidden;
+ display: flex;
+ text-decoration: none;
+ justify-content: center;
+}
+.product__item--details :hover.item__name {
+ color: #ff5353;
+}
+.product__item--details p.item__name {
+ font-size: 14px;
+ color: #888;
+ margin-top: 25px;
+}
+
+.item__rating {
+ text-align: center;
+}
+.item__price {
+ position: relative;
+ margin: 10px 0 0 0;
+ padding: 0;
+ font-size: 18px;
+ font-weight: 500;
+ text-align: center;
+ color: black;
+}
+
+.entrance {
+ position: relative;
+ width: 50px;
+ height: 50px;
+ background-color: white;
+ border-radius: 40px;
+ text-decoration: none;
+ margin: 5px;
+ color: black;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.entrance:hover {
+ background-color: #ff5353;
+ color: white;
+}
+
+.ti-eye {
+ font-size: 15px;
+ text-decoration: none;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+*, *:before, *:after {
+ box-sizing: inherit;
+}
+
+body {
+ background-color: white;
+ font-family: "Roboto", sans-serif;
+}
+
+img {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+
+@media (min-width: 20px) and (max-width: 423px) {
+ .navigation-bar {
+ height: 90.4px;
+ margin: 0 20px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item--element {
+ position: relative;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ }
+ .navigation-bar__item--element :hover.icons-header {
+ color: #ff5353;
+ }
+ .header__top {
+ display: none;
+ }
+ .menu {
+ list-style: none;
+ display: none;
+ }
+ .menu__item {
+ list-style: none;
+ display: none;
+ transition: all 300ms ease-in-out;
+ }
+ .menu :hover.menu__item {
+ color: #ff5353;
+ }
+ .hamburger-menu {
+ visibility: visible;
+ }
+ .banner__order--column {
+ width: 100%;
+ }
+ .banner__order {
+ flex-wrap: wrap-reverse;
+ }
+ .banner__substance {
+ padding: 30px;
+ }
+ .second-banner {
+ background-color: #e9e2d8;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .featured-product__container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ display: block;
+ flex-wrap: wrap;
+ margin: 0 0 0 0;
+ }
+ .product__item--hover {
+ flex-wrap: wrap;
+ }
+ .columns {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ }
+ .buttons {
+ display: flex;
+ width: auto;
+ }
+ .button__apple, .button__google {
+ position: relative;
+ flex-basis: 50%;
+ }
+ .button__google--content, .button__apple--content {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ }
+}
+@media (min-width: 424px) and (max-width: 575px) {
+ .navigation-bar {
+ height: 90.4px;
+ margin: 0 20px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item--element {
+ position: relative;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ }
+ .navigation-bar__item--element :hover.icons-header {
+ color: #ff5353;
+ }
+ .header__top {
+ display: none;
+ }
+ .menu {
+ list-style: none;
+ display: none;
+ }
+ .menu__item {
+ list-style: none;
+ display: none;
+ transition: all 300ms ease-in-out;
+ }
+ .menu :hover.menu__item {
+ color: #ff5353;
+ }
+ .hamburger-menu {
+ visibility: visible;
+ }
+ .banner__order {
+ flex-wrap: wrap-reverse;
+ }
+ .banner__order--column {
+ width: 100%;
+ }
+ .banner__substance {
+ padding: 30px;
+ }
+ .second-banner {
+ background-color: #e9e2d8;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .featured-product__container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ display: block;
+ flex-wrap: wrap;
+ margin: 0 0 0 0;
+ }
+ .product__item--hover {
+ flex-wrap: wrap;
+ }
+ .button__apple, .button__google {
+ width: 50%;
+ }
+ .footer-row {
+ max-width: 540px;
+ flex-wrap: wrap;
+ margin: auto;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: flex-start;
+ }
+ .footer-column {
+ margin: 0 15px;
+ }
+ .footer-container {
+ width: 100%;
+ position: relative;
+ }
+}
+@media (min-width: 576px) and (max-width: 767px) {
+ .header__top {
+ display: none;
+ }
+ .menu {
+ display: none;
+ list-style: none;
+ }
+ .menu__item {
+ display: none;
+ list-style: none;
+ }
+ .menu :hover.menu__item {
+ color: #ff5353;
+ transition: all 300ms ease-in-out;
+ }
+ .hamburger-menu {
+ visibility: visible;
+ }
+ .navigation-bar {
+ height: 90.4px;
+ margin: 0 20px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item--element {
+ position: relative;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ }
+ .navigation-bar__item--element :hover.icons-header {
+ color: #ff5353;
+ }
+ .banner__order {
+ flex-wrap: wrap-reverse;
+ }
+ .banner__order--column {
+ width: 100%;
+ }
+ .banner__substance {
+ padding: 30px;
+ }
+ .second-banner {
+ background-color: #e9e2d8;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .featured-product__container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ display: block;
+ flex-wrap: wrap;
+ margin: 0 0 0 0;
+ }
+ .product__item--hover {
+ flex-wrap: wrap;
+ }
+ .footer-row {
+ max-width: 540px;
+ flex-wrap: wrap;
+ margin: auto;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: flex-start;
+ }
+ .footer-column {
+ margin: 0 15px;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .header__top {
+ display: inline-block;
+ background-color: #fef7f6;
+ height: 48.6px;
+ font-size: 11px;
+ width: 100%;
+ }
+ .container__align {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ height: 48.6px;
+ margin: 0 100px;
+ }
+ .container--left {
+ width: 50%;
+ padding: 0px 15px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-start;
+ }
+ .container--right {
+ width: 50%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0px 15px;
+ }
+ .menu {
+ list-style: none;
+ display: none;
+ }
+ .menu__item {
+ list-style: none;
+ display: none;
+ transition: all 300ms ease-in-out;
+ }
+ .menu :hover.menu__item {
+ color: #ff5353;
+ }
+ .navigation-bar {
+ height: 90.4px;
+ margin: 0 100px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item--element {
+ position: relative;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ }
+ .navigation-bar__item--element :hover.icons-header {
+ color: #ff5353;
+ }
+ .navigation-bar .button__google, .navigation-bar .button__apple {
+ display: block;
+ }
+ .navigation-bar .footer-container {
+ padding: 80px 15px;
+ margin: auto;
+ width: 100%;
+ }
+ .navigation-bar .footer-applications {
+ margin-bottom: 40px;
+ }
+ .navigation-bar .footer-row {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: flex-start;
+ }
+ .navigation-bar .footer-column {
+ margin: 0 15px;
+ }
+ .banner__order {
+ flex-wrap: wrap-reverse;
+ }
+ .banner__order--column {
+ width: 100%;
+ }
+ .banner__substance {
+ padding: 30px;
+ }
+ .second-banner {
+ background-color: #e9e2d8;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .footer-container {
+ padding: 80px 15px;
+ margin: auto;
+ width: 100%;
+ }
+ .footer-applications {
+ margin-bottom: 40px;
+ }
+ .footer-row {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: flex-start;
+ }
+ .footer-column {
+ padding: 0 15px;
+ }
+}
+@media (min-width: 992px) {
+ .container__align {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ height: 48.6px;
+ margin: 0 100px;
+ }
+ .container--left {
+ width: 50%;
+ padding: 0px 15px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-start;
+ }
+ .container--right {
+ width: 50%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0px 15px;
+ }
+ .header__top {
+ display: inline-block;
+ background-color: #fef7f6;
+ height: 48.6px;
+ font-size: 11px;
+ width: 100%;
+ }
+ .header__lower {
+ font-size: 11px;
+ width: 100%;
+ }
+ .menu {
+ list-style: none;
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ }
+ .menu__item {
+ list-style: none;
+ display: block;
+ color: black;
+ font-family: "Roboto", sans-serif;
+ font-weight: 500;
+ padding: 0 15px;
+ font-size: 13px;
+ text-transform: uppercase;
+ text-decoration: none;
+ }
+ .menu :hover.menu__item {
+ color: #ff5353;
+ transition: all 300ms ease-in-out;
+ }
+ .hamburger-menu {
+ visibility: hidden;
+ }
+ .navigation-bar {
+ height: 90.4px;
+ margin: 0 100px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .navigation-bar__item--element {
+ position: relative;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ }
+ .navigation-bar__item--element :hover.icons-header {
+ color: #ff5353;
+ }
+ .dropbtn {
+ padding: 37px 15px;
+ }
+ .featured-product__container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ display: block;
+ flex-wrap: wrap;
+ margin: 0 100px;
+ }
+ .footer-container {
+ padding: 80px 15px;
+ margin: auto;
+ width: 100%;
+ }
+ .footer-applications {
+ margin-bottom: 40px;
+ }
+ .footer-row {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: flex-start;
+ }
+ .footer-column {
+ padding: 0 15px;
+ }
+}
+/*# sourceMappingURL=main.css.map */
diff --git a/css/main.css.map b/css/main.css.map
new file mode 100644
index 0000000..9064f3b
--- /dev/null
+++ b/css/main.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["main.scss","base/_fonts.scss","layout/_footer.scss","main.css","layout/_header.scss","components/_banner.scss","components/_button.scss","layout/_featured-product.scss","base/_base.scss","base/_media-queries.scss","base/_helpers.scss"],"names":[],"mappings":"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CE;IACE,cAAA;IACA,cAAA;IC7FF,aD8FgB;IC7FhB,mBD6FsB;IC5FtB,8BD4F2B;IC3F3B,mBD2F0C;ENumB1C;EMrmBE;IChGF,aDiGkB;IChGlB,mBDgGwB;IC/FxB,8BD+F6B;IC9F7B,mBD8F4C;EN0mB5C;EMxmBI;IACE,kBAAA;IACA,aAAA;IACA,uBAAA;IACA,uBAAA;EN0mBN;EMxmBM;IACE,cAAA;EN0mBR;EMrmBA;IACE,aAAA;ENumBF;EMrmBA;IACE,gBAAA;IACA,aAAA;ENumBF;EMrmBE;IACE,gBAAA;IACA,aAAA;ICvGJ,iCAAA;EP+sBA;EMpmBE;IACE,cAAA;ENsmBJ;EMlmBA;IACE,mBAAA;ENomBF;EMhmBE;IACE,uBAAA;ENkmBJ;EMhmBI;IACE,WAAA;ENkmBN;EM9lBE;IACE,aAAA;ENgmBJ;EM5lBA;IACE,yBAAA;IACA,WAAA;IACA,aAAA;IACA,sBAAA;IACA,mBAAA;EN8lBF;EM3lBA;IC3JA,aD4JgB;IC3JhB,sBD2JsB;IC1JtB,8BD0J8B;ICzJ9B,mBDyJ6C;IAC3C,cAAA;IACA,eAAA;IACA,eAAA;ENgmBF;EM7lBA;IACE,eAAA;EN+lBF;EM5lBA;IACE,UAAA;EN8lBF;EM3lBA;IACE,gBAAA;IACA,eAAA;IACA,YAAA;IC7KF,aD8KgB;IC7KhB,mBD6KsB;IC5KtB,2BD4K2B;IC3K3B,uBD2KuC;ENgmBvC;EM7lBA;IACE,cAAA;EN+lBF;EM5lBA;IACE,WAAA;IACA,kBAAA;EN8lBF;AACF;AM3lBA;EACE;IACE,aAAA;EN6lBF;EM3lBA;IACE,aAAA;IACA,gBAAA;EN6lBF;EM3lBE;IACE,aAAA;IACA,gBAAA;EN6lBJ;EM1lBE;IACE,cAAA;ICxLJ,iCAAA;EPqxBA;EMzlBA;IACE,mBAAA;EN2lBF;EMzlBA;IACE,cAAA;IACA,cAAA;IClNF,aDmNgB;IClNhB,mBDkNsB;ICjNtB,8BDiN2B;IChN3B,mBDgN0C;EN8lB1C;EM5lBE;ICrNF,aDsNkB;ICrNlB,mBDqNwB;ICpNxB,8BDoN6B;ICnN7B,mBDmN4C;ENimB5C;EM/lBI;IACE,kBAAA;IACA,aAAA;IACA,uBAAA;IACA,uBAAA;ENimBN;EM/lBM;IACE,cAAA;ENimBR;EM3lBE;IACE,uBAAA;EN6lBJ;EM3lBI;IACE,WAAA;EN6lBN;EMzlBE;IACE,aAAA;EN2lBJ;EMvlBA;IACE,yBAAA;IACA,WAAA;IACA,aAAA;IACA,sBAAA;IACA,mBAAA;ENylBF;EMvlBA;ICzPA,aD0PgB;ICzPhB,sBDyPsB;ICxPtB,8BDwP8B;ICvP9B,mBDuP6C;IAC3C,cAAA;IACA,eAAA;IACA,eAAA;EN4lBF;EM1lBA;IACE,eAAA;EN4lBF;EM1lBA;IACE,gBAAA;IACA,eAAA;IACA,YAAA;ICrQF,aDsQgB;ICrQhB,mBDqQsB;ICpQtB,2BDoQ2B;ICnQ3B,uBDmQuC;EN+lBvC;EM7lBA;IACE,cAAA;EN+lBF;AACF;AM5lBA;EACE;IACE,qBAAA;IACA,yBAAA;IACA,cAAA;IACA,eAAA;IACA,WAAA;EN8lBF;EM3lBE;ICtRF,aDuRkB;ICtRlB,mBDsRwB;ICrRxB,8BDqR6B;ICpR7B,mBDoR4C;IACxC,cAAA;IClRJ,eAAA;EPm3BA;EM7lBE;IACE,UAAA;IACA,iBAAA;IC9RJ,aD+RkB;IC9RlB,mBD8RwB;IC7RxB,8BD6R6B;IC5R7B,mBD4R4C;IACxC,2BAAA;ENkmBJ;EM/lBE;IACE,UAAA;ICpSJ,aDqSkB;ICpSlB,mBDoSwB;ICnSxB,8BDmS6B;IClS7B,mBDkS4C;IACxC,yBAAA;IACA,iBAAA;ENomBJ;EMjmBA;IACE,gBAAA;IACA,aAAA;ENmmBF;EMjmBE;IACE,gBAAA;IACA,aAAA;IC/RJ,iCAAA;EPm4BA;EMhmBE;IACE,cAAA;ENkmBJ;EM9lBA;IACE,cAAA;ICpTF,eAAA;IANA,aD4TgB;IC3ThB,mBD2TsB;IC1TtB,8BD0T2B;ICzT3B,mBDyT0C;ENmmB1C;EMjmBE;IC9TF,aD+TkB;IC9TlB,mBD8TwB;IC7TxB,8BD6T6B;IC5T7B,mBD4T4C;ENsmB5C;EMpmBI;IACE,kBAAA;IACA,aAAA;IACA,uBAAA;IACA,uBAAA;ENsmBN;EMpmBM;IACE,cAAA;ENsmBR;EMjmBE;IACE,cAAA;ENmmBJ;EM/lBE;IACE,kBAAA;IACA,YAAA;IACA,WAAA;ENimBJ;EM9lBE;IACE,mBAAA;ENgmBJ;EM7lBE;IC5VF,aD6VkB;IC5VlB,mBD4VwB;IC3VxB,6BD2V6B;IC1V7B,uBD0V2C;ENkmB3C;EM9lBE;IACE,cAAA;ENgmBJ;EM3lBE;IACE,uBAAA;EN6lBJ;EM3lBI;IACE,WAAA;EN6lBN;EMzlBE;IACE,aAAA;EN2lBJ;EMvlBA;IACE,yBAAA;IACA,WAAA;IACA,aAAA;IACA,sBAAA;IACA,mBAAA;ENylBF;EMvlBA;IACE,kBAAA;IACA,YAAA;IACA,WAAA;ENylBF;EMvlBA;IACE,mBAAA;ENylBF;EMvlBA;ICnYA,aDoYgB;ICnYhB,mBDmYsB;IClYtB,6BDkY2B;ICjY3B,uBDiYyC;EN4lBzC;EM1lBA;IACE,eAAA;EN4lBF;AACF;AMxlBA;EAEI;IC9YF,aD+YkB;IC9YlB,mBD8YwB;IC7YxB,8BD6Y6B;IC5Y7B,mBD4Y4C;IACxC,cAAA;IC1YJ,eAAA;EPu+BA;EMzlBE;IACE,UAAA;IACA,iBAAA;ICtZJ,aDuZkB;ICtZlB,mBDsZwB;ICrZxB,8BDqZ6B;ICpZ7B,mBDoZ4C;IACxC,2BAAA;EN8lBJ;EM3lBE;IACE,UAAA;IC5ZJ,aD6ZkB;IC5ZlB,mBD4ZwB;IC3ZxB,8BD2Z6B;IC1Z7B,mBD0Z4C;IACxC,yBAAA;IACA,iBAAA;ENgmBJ;EM5lBE;IACE,qBAAA;IACA,yBAAA;IACA,cAAA;IACA,eAAA;IACA,WAAA;EN8lBJ;EM3lBE;IACE,eAAA;IACA,WAAA;EN6lBJ;EMzlBA;IACE,gBAAA;IACA,kBAAA;IACA,aAAA;IACA,mBAAA;EN2lBF;EMzlBE;IACE,gBAAA;IACA,cAAA;IACA,YAAA;IACA,iCAAA;IACA,gBAAA;IACA,eAAA;IACA,eAAA;IACA,yBAAA;IACA,qBAAA;EN2lBJ;EMxlBE;IACE,cAAA;ICnbJ,iCAAA;EP8gCA;EMvlBA;IACE,kBAAA;ENylBF;EMvlBA;IACE,cAAA;ICtcF,eAAA;IANA,aD8cgB;IC7chB,mBD6csB;IC5ctB,8BD4c2B;IC3c3B,mBD2c0C;EN4lB1C;EM1lBE;IChdF,aDidkB;IChdlB,mBDgdwB;IC/cxB,8BD+c6B;IC9c7B,mBD8c4C;EN+lB5C;EM7lBI;IACE,kBAAA;IACA,aAAA;IACA,uBAAA;IACA,uBAAA;EN+lBN;EM7lBM;IACE,cAAA;EN+lBR;EM1lBA;IC/dA,aDgegB;IC/dhB,sBD+dsB;IC9dtB,8BD8d8B;IC7d9B,mBD6d6C;IAC3C,cAAA;IACA,eAAA;IC5dF,eAAA;EP4jCA;EM7lBA;IACE,kBAAA;IACA,YAAA;IACA,WAAA;EN+lBF;EM5lBA;IACE,mBAAA;EN8lBF;EM5lBA;IC9eA,aD+egB;IC9ehB,mBD8esB;IC7etB,6BD6e2B;IC5e3B,uBD4eyC;ENimBzC;EM/lBA;IACE,eAAA;ENimBF;AACF","file":"main.css","sourcesContent":["@import \"normalize.css\";\r\n@import \"base/_fonts.scss\";\r\n@import \"layout/_footer.scss\";\r\n@import \"layout/_header.scss\";\r\n@import \"components/banner\";\r\n@import \"components/button\";\r\n@import \"layout/featured-product\";\r\n@import \"base/_helpers\";\r\n@import \"base/_base\";\r\n@import \"base/_media-queries\";\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","// -----------------------------------------------------------------------------\r\n// This file contains all @font-face declarations.\r\n// -----------------------------------------------------------------------------\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Roboto:wght@100;300;400;500;700&display=swap');\r\n","// -----------------------------------------------------------------------------\r\n// This file contains all styles related to the footer of the site/application.\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\nfooter {\r\n background-color: #e9e2d8;\r\n width: auto;\r\n}\r\n\r\n.lists {\r\n position: relative;\r\n\r\n}\r\n\r\n.list {\r\n text-align: left;\r\n position: relative;\r\n font-size: 14px;\r\n list-style-type: none;\r\n margin-bottom: 30px;\r\n font-weight: 400;\r\n width: 100%;\r\n\r\n .list__item {\r\n display: inline-block;\r\n margin: 8px 0;\r\n color: #888888;\r\n text-decoration: none;\r\n }\r\n\r\n &__wider {\r\n display: inline-block;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n\r\n :hover a {\r\n color: #ff5353\r\n }\r\n }\r\n}\r\n\r\n\r\n.buttons {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.list__title {\r\n text-transform: uppercase;\r\n position: relative;\r\n}\r\n\r\n.button__google--content {\r\n padding: 8px 8px 10px 8px;\r\n color: black;\r\n background-color: white;\r\n border-radius: 8px;\r\n text-align: center;\r\n display: inline-block;\r\n text-transform: uppercase;\r\n}\r\n\r\n.button-texts {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.small-text {\r\n text-align: left;\r\n height: 8px;\r\n font-size: 10px;\r\n font-family: \"Roboto\", sans-serif;\r\n margin: 5px 0px;\r\n}\r\n\r\n.bigger-text {\r\n text-align: left;\r\n width: inherit;\r\n font-size: 13px;\r\n font-weight: 500;\r\n margin: 0;\r\n}\r\n\r\n.ti-android {\r\n color: #ff5353;\r\n font-size: 20px;\r\n text-align: center;\r\n}\r\n\r\n.buttons:hover {\r\n .button__google--content {\r\n color: white;\r\n background-color: #ff5353;\r\n\r\n .ti-android {\r\n color: white\r\n }\r\n }\r\n\r\n}\r\n\r\n.ti-apple {\r\n font-size: 20px;\r\n text-align: center;\r\n}\r\n\r\n.button {\r\n position: relative;\r\n\r\n &__google--content:hover {\r\n transition: 1ms;\r\n background-color: #ff5353;\r\n\r\n ._buttonTexts {\r\n color: white\r\n }\r\n\r\n .ti-android {\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n.button__apple {\r\n height: 47px;\r\n}\r\n\r\n.button__apple--content {\r\n padding: 8px 8px 10px 8px;\r\n color: white;\r\n background-color: #ff5353;\r\n border-radius: 8px;\r\n text-align: center;\r\n display: inline-block;\r\n text-transform: uppercase;\r\n}\r\n\r\n.icons-footer {\r\n text-decoration: none;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.socialmedia {\r\n height: 30px;\r\n width: 30px;\r\n background-color: white;\r\n margin: 0px 10px 0px 0px;\r\n position: relative;\r\n color: black;\r\n}\r\n\r\n.ti-facebook {\r\n text-decoration: none;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-right: -50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.socialmedia:hover {\r\n background-color: #ff5353;\r\n color: white;\r\n}\r\n\r\n.ti-twitter-alt {\r\n text-decoration: none;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-right: -50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.ti-pinterest-alt {\r\n text-decoration: none;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-right: -50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.ti-instagram {\r\n text-decoration: none;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-right: -50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\nfooter {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.footer-applications {\r\n padding: 0 0 0 40px;\r\n}\r\n\r\n.copyright {\r\n padding: 20px;\r\n position: relative;\r\n text-align: center;\r\n color: #8888;\r\n font-size: 15px;\r\n background-color: #e9e2d8;\r\n}\r\n\r\na.red-link {\r\n color: #ff5353;\r\n text-decoration: none;\r\n}","@import \"normalize.css\";\n@import url(\"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Roboto:wght@100;300;400;500;700&display=swap\");\nfooter {\n background-color: #e9e2d8;\n width: auto;\n}\n\n.lists {\n position: relative;\n}\n\n.list {\n text-align: left;\n position: relative;\n font-size: 14px;\n list-style-type: none;\n margin-bottom: 30px;\n font-weight: 400;\n width: 100%;\n}\n.list .list__item {\n display: inline-block;\n margin: 8px 0;\n color: #888888;\n text-decoration: none;\n}\n.list__wider {\n display: inline-block;\n}\n.list ul {\n list-style: none;\n}\n.list ul :hover a {\n color: #ff5353;\n}\n\n.buttons {\n margin-bottom: 30px;\n}\n\n.list__title {\n text-transform: uppercase;\n position: relative;\n}\n\n.button__google--content {\n padding: 8px 8px 10px 8px;\n color: black;\n background-color: white;\n border-radius: 8px;\n text-align: center;\n display: inline-block;\n text-transform: uppercase;\n}\n\n.button-texts {\n position: relative;\n display: inline-block;\n}\n\n.small-text {\n text-align: left;\n height: 8px;\n font-size: 10px;\n font-family: \"Roboto\", sans-serif;\n margin: 5px 0px;\n}\n\n.bigger-text {\n text-align: left;\n width: inherit;\n font-size: 13px;\n font-weight: 500;\n margin: 0;\n}\n\n.ti-android {\n color: #ff5353;\n font-size: 20px;\n text-align: center;\n}\n\n.buttons:hover .button__google--content {\n color: white;\n background-color: #ff5353;\n}\n.buttons:hover .button__google--content .ti-android {\n color: white;\n}\n\n.ti-apple {\n font-size: 20px;\n text-align: center;\n}\n\n.button {\n position: relative;\n}\n.button__google--content:hover {\n transition: 1ms;\n background-color: #ff5353;\n}\n.button__google--content:hover ._buttonTexts {\n color: white;\n}\n.button__google--content:hover .ti-android {\n color: #fff;\n}\n\n.button__apple {\n height: 47px;\n}\n\n.button__apple--content {\n padding: 8px 8px 10px 8px;\n color: white;\n background-color: #ff5353;\n border-radius: 8px;\n text-align: center;\n display: inline-block;\n text-transform: uppercase;\n}\n\n.icons-footer {\n text-decoration: none;\n display: flex;\n align-items: flex-start;\n}\n\n.socialmedia {\n height: 30px;\n width: 30px;\n background-color: white;\n margin: 0px 10px 0px 0px;\n position: relative;\n color: black;\n}\n\n.ti-facebook {\n text-decoration: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-right: -50%;\n transform: translate(-50%, -50%);\n}\n\n.socialmedia:hover {\n background-color: #ff5353;\n color: white;\n}\n\n.ti-twitter-alt {\n text-decoration: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-right: -50%;\n transform: translate(-50%, -50%);\n}\n\n.ti-pinterest-alt {\n text-decoration: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-right: -50%;\n transform: translate(-50%, -50%);\n}\n\n.ti-instagram {\n text-decoration: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-right: -50%;\n transform: translate(-50%, -50%);\n}\n\nfooter {\n display: flex;\n flex-direction: column;\n}\n\n.footer-applications {\n padding: 0 0 0 40px;\n}\n\n.copyright {\n padding: 20px;\n position: relative;\n text-align: center;\n color: rgba(136, 136, 136, 0.5333333333);\n font-size: 15px;\n background-color: #e9e2d8;\n}\n\na.red-link {\n color: #ff5353;\n text-decoration: none;\n}\n\n.container__align {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n height: 48.6px;\n margin: 0 100px;\n}\n.container--left {\n width: 50%;\n padding: 0px 15px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-start;\n}\n.container--right {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-end;\n padding: 0px 15px;\n}\n\n.info {\n display: inline-block;\n height: 100%;\n text-align: center;\n font-size: 11px;\n padding: 0px 15px 0px 0px;\n text-transform: uppercase;\n font-weight: 300;\n}\n\n.header__top {\n background-color: #fef7f6;\n height: 48.6px;\n font-size: 11px;\n width: 100%;\n}\n.header__lower {\n font-size: 11px;\n width: 100%;\n}\n\n.counter {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 13px;\n width: 13px;\n border-radius: 50%;\n background-color: #ff5353;\n color: #fef7f6;\n font-size: 8px;\n}\n\n.icons-header {\n color: black;\n text-decoration: none;\n display: flex;\n align-items: flex-start;\n justify-content: flex-end;\n}\n\n.ti-align-justify {\n text-decoration: none;\n position: relative;\n font-size: 18px;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.ti-angle-down {\n position: relative;\n color: black;\n left: 3px;\n}\n\n.logo {\n position: relative;\n display: inline;\n}\n\n.dropbtn {\n padding: 35px 15px;\n border: none;\n cursor: pointer;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n}\n\n.dropdown-content {\n display: none;\n position: absolute;\n left: 0;\n background-color: white;\n min-width: 220px;\n box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);\n z-index: 1;\n list-style: none;\n transition: all 300ms ease;\n text-transform: uppercase;\n font-family: \"Roboto\", sans-serif;\n font-weight: 500;\n}\n\n.dropdown-content a {\n color: black;\n padding: 10px 10px;\n text-decoration: none;\n display: block;\n}\n\n.dropdown-content a:hover {\n background-color: #f1f1f1;\n color: #ff5353;\n}\n\n.dropdown:hover .dropdown-content {\n display: block;\n}\n\n.dropdown:hover .dropbtn {\n color: #ff5353;\n}\n\n.banner {\n display: block;\n width: 100%;\n position: relative;\n}\n.banner__fluid {\n width: 100%;\n padding: 0 15px;\n margin: 0 auto;\n}\n.banner__order {\n position: relative;\n width: 100%;\n padding-right: -15px;\n padding-left: -15px;\n margin-right: auto;\n margin-left: auto;\n flex-wrap: wrap;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.banner__order--column {\n position: relative;\n width: 50%;\n height: 100%;\n padding: 0 15px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.banner__substance {\n position: relative;\n width: 50%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-end;\n}\n.banner__image {\n position: relative;\n height: auto;\n justify-content: flex-start;\n}\n\n.first-banner {\n background-repeat: no-repeat;\n background-position: center top;\n background-size: cover;\n background-image: url(\"https://demo.themeies.com/silon/images/bg-1.jpg\");\n}\n.first-banner__subtitle {\n height: 11.2px;\n text-transform: uppercase;\n color: #565656;\n margin: 0;\n}\n\n.second-banner {\n background-color: #e9e2d8;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.second-banner__title {\n font-family: \"Dancing Script\", cursive;\n font-weight: 700;\n margin: 0 0 33px;\n font-size: 58px;\n}\n.second-banner__title--subtitle {\n font-weight: 300;\n text-transform: uppercase;\n margin: 0 0 54px;\n text-align: center;\n font-size: 24px;\n}\n\nh1 {\n font-size: 50px;\n text-align: center;\n}\n\n.content__button:hover.content__button--content {\n color: #181886;\n background-color: white;\n}\n\n.content {\n position: relative;\n text-align: center;\n padding: 15px 15px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n}\n.content__button {\n background: #ff5353;\n width: 170px;\n height: 51.2px;\n border-radius: 8px;\n}\n.content__button--content {\n display: inline-block;\n text-transform: uppercase;\n color: white;\n padding: 20px 25px;\n text-align: center;\n text-decoration: none;\n margin-left: auto;\n margin-right: auto;\n font-size: 14px;\n font-weight: 500;\n}\n\n.featured-product__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n display: block;\n flex-wrap: wrap;\n margin: 0 100px;\n}\n\nh2 {\n font-size: 36px;\n text-align: center;\n text-transform: uppercase;\n padding: 0px 0 50px 0;\n}\n\n.ti-shopping-cart {\n text-decoration: none;\n position: relative;\n font-size: 18px;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.ti-heart {\n text-decoration: none;\n position: relative;\n font-size: 18px;\n padding: 10px;\n}\n\n.ti-search {\n text-decoration: none;\n position: relative;\n font-size: 18px;\n padding: 10px;\n}\n\n.ti-star {\n text-decoration: none;\n position: relative;\n text-align: center;\n color: #ff5353;\n font-size: 14px;\n margin: 0;\n padding: 0;\n}\n\n.columns {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n position: relative;\n margin-bottom: 50px;\n display: flex;\n}\n\n.product:hover .product__item--hover {\n visibility: visible;\n position: relative;\n top: -200px;\n transition: top 300ms ease-in-out;\n}\n\n.product {\n position: relative;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n box-sizing: border-box;\n}\n.product__item {\n display: flex;\n position: relative;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin: 0;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n box-sizing: border-box;\n}\n.product__item--hover {\n top: -180px;\n position: relative;\n visibility: hidden;\n display: flex;\n text-decoration: none;\n justify-content: center;\n}\n.product__item--details :hover.item__name {\n color: #ff5353;\n}\n.product__item--details p.item__name {\n font-size: 14px;\n color: #888;\n margin-top: 25px;\n}\n\n.item__rating {\n text-align: center;\n}\n.item__price {\n position: relative;\n margin: 10px 0 0 0;\n padding: 0;\n font-size: 18px;\n font-weight: 500;\n text-align: center;\n color: black;\n}\n\n.entrance {\n position: relative;\n width: 50px;\n height: 50px;\n background-color: white;\n border-radius: 40px;\n text-decoration: none;\n margin: 5px;\n color: black;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.entrance:hover {\n background-color: #ff5353;\n color: white;\n}\n\n.ti-eye {\n font-size: 15px;\n text-decoration: none;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n*, *:before, *:after {\n box-sizing: inherit;\n}\n\nbody {\n background-color: white;\n font-family: \"Roboto\", sans-serif;\n}\n\nimg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n@media (min-width: 20px) and (max-width: 423px) {\n .navigation-bar {\n height: 90.4px;\n margin: 0 20px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item--element {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n }\n .navigation-bar__item--element :hover.icons-header {\n color: #ff5353;\n }\n .header__top {\n display: none;\n }\n .menu {\n list-style: none;\n display: none;\n }\n .menu__item {\n list-style: none;\n display: none;\n transition: all 300ms ease-in-out;\n }\n .menu :hover.menu__item {\n color: #ff5353;\n }\n .hamburger-menu {\n visibility: visible;\n }\n .banner__order--column {\n width: 100%;\n }\n .banner__order {\n flex-wrap: wrap-reverse;\n }\n .banner__substance {\n padding: 30px;\n }\n .second-banner {\n background-color: #e9e2d8;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .featured-product__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n display: block;\n flex-wrap: wrap;\n margin: 0 0 0 0;\n }\n .product__item--hover {\n flex-wrap: wrap;\n }\n .columns {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n align-items: center;\n }\n .buttons {\n display: flex;\n width: auto;\n }\n .button__apple, .button__google {\n position: relative;\n flex-basis: 50%;\n }\n .button__google--content, .button__apple--content {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n}\n@media (min-width: 424px) and (max-width: 575px) {\n .navigation-bar {\n height: 90.4px;\n margin: 0 20px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item--element {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n }\n .navigation-bar__item--element :hover.icons-header {\n color: #ff5353;\n }\n .header__top {\n display: none;\n }\n .menu {\n list-style: none;\n display: none;\n }\n .menu__item {\n list-style: none;\n display: none;\n transition: all 300ms ease-in-out;\n }\n .menu :hover.menu__item {\n color: #ff5353;\n }\n .hamburger-menu {\n visibility: visible;\n }\n .banner__order {\n flex-wrap: wrap-reverse;\n }\n .banner__order--column {\n width: 100%;\n }\n .banner__substance {\n padding: 30px;\n }\n .second-banner {\n background-color: #e9e2d8;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .featured-product__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n display: block;\n flex-wrap: wrap;\n margin: 0 0 0 0;\n }\n .product__item--hover {\n flex-wrap: wrap;\n }\n .button__apple, .button__google {\n width: 50%;\n }\n .footer-row {\n max-width: 540px;\n flex-wrap: wrap;\n margin: auto;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n }\n .footer-column {\n margin: 0 15px;\n }\n .footer-container {\n width: 100%;\n position: relative;\n }\n}\n@media (min-width: 576px) and (max-width: 767px) {\n .header__top {\n display: none;\n }\n .menu {\n display: none;\n list-style: none;\n }\n .menu__item {\n display: none;\n list-style: none;\n }\n .menu :hover.menu__item {\n color: #ff5353;\n transition: all 300ms ease-in-out;\n }\n .hamburger-menu {\n visibility: visible;\n }\n .navigation-bar {\n height: 90.4px;\n margin: 0 20px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item--element {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n }\n .navigation-bar__item--element :hover.icons-header {\n color: #ff5353;\n }\n .banner__order {\n flex-wrap: wrap-reverse;\n }\n .banner__order--column {\n width: 100%;\n }\n .banner__substance {\n padding: 30px;\n }\n .second-banner {\n background-color: #e9e2d8;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .featured-product__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n display: block;\n flex-wrap: wrap;\n margin: 0 0 0 0;\n }\n .product__item--hover {\n flex-wrap: wrap;\n }\n .footer-row {\n max-width: 540px;\n flex-wrap: wrap;\n margin: auto;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n }\n .footer-column {\n margin: 0 15px;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .header__top {\n display: inline-block;\n background-color: #fef7f6;\n height: 48.6px;\n font-size: 11px;\n width: 100%;\n }\n .container__align {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n height: 48.6px;\n margin: 0 100px;\n }\n .container--left {\n width: 50%;\n padding: 0px 15px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-start;\n }\n .container--right {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-end;\n padding: 0px 15px;\n }\n .menu {\n list-style: none;\n display: none;\n }\n .menu__item {\n list-style: none;\n display: none;\n transition: all 300ms ease-in-out;\n }\n .menu :hover.menu__item {\n color: #ff5353;\n }\n .navigation-bar {\n height: 90.4px;\n margin: 0 100px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item--element {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n }\n .navigation-bar__item--element :hover.icons-header {\n color: #ff5353;\n }\n .navigation-bar .button__google, .navigation-bar .button__apple {\n display: block;\n }\n .navigation-bar .footer-container {\n padding: 80px 15px;\n margin: auto;\n width: 100%;\n }\n .navigation-bar .footer-applications {\n margin-bottom: 40px;\n }\n .navigation-bar .footer-row {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: flex-start;\n }\n .navigation-bar .footer-column {\n margin: 0 15px;\n }\n .banner__order {\n flex-wrap: wrap-reverse;\n }\n .banner__order--column {\n width: 100%;\n }\n .banner__substance {\n padding: 30px;\n }\n .second-banner {\n background-color: #e9e2d8;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .footer-container {\n padding: 80px 15px;\n margin: auto;\n width: 100%;\n }\n .footer-applications {\n margin-bottom: 40px;\n }\n .footer-row {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: flex-start;\n }\n .footer-column {\n padding: 0 15px;\n }\n}\n@media (min-width: 992px) {\n .container__align {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n height: 48.6px;\n margin: 0 100px;\n }\n .container--left {\n width: 50%;\n padding: 0px 15px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-start;\n }\n .container--right {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n justify-content: flex-end;\n padding: 0px 15px;\n }\n .header__top {\n display: inline-block;\n background-color: #fef7f6;\n height: 48.6px;\n font-size: 11px;\n width: 100%;\n }\n .header__lower {\n font-size: 11px;\n width: 100%;\n }\n .menu {\n list-style: none;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n .menu__item {\n list-style: none;\n display: block;\n color: black;\n font-family: \"Roboto\", sans-serif;\n font-weight: 500;\n padding: 0 15px;\n font-size: 13px;\n text-transform: uppercase;\n text-decoration: none;\n }\n .menu :hover.menu__item {\n color: #ff5353;\n transition: all 300ms ease-in-out;\n }\n .hamburger-menu {\n visibility: hidden;\n }\n .navigation-bar {\n height: 90.4px;\n margin: 0 100px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n .navigation-bar__item--element {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n }\n .navigation-bar__item--element :hover.icons-header {\n color: #ff5353;\n }\n .featured-product__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n display: block;\n flex-wrap: wrap;\n margin: 0 100px;\n }\n .footer-container {\n padding: 80px 15px;\n margin: auto;\n width: 100%;\n }\n .footer-applications {\n margin-bottom: 40px;\n }\n .footer-row {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: flex-start;\n }\n .footer-column {\n padding: 0 15px;\n }\n}","\r\n// -----------------------------------------------------------------------------\r\n// This file contains all styles related to the header of the site/application.\r\n// -----------------------------------------------------------------------------\r\n@mixin flex($parameter1,$parameter2,$parameter3,$parameter4) {\r\n display: $parameter1;\r\n flex-direction: $parameter2;\r\n justify-content: $parameter3;\r\n align-items: $parameter4;\r\n}\r\n@mixin wider-margin {\r\n margin: 0 100px;\r\n}\r\n\r\n@mixin align-right {\r\n justify-content: flex-end;\r\n}\r\n\r\n@mixin align-left {\r\n justify-content: flex-start;\r\n}\r\n.container {\r\n &__align {\r\n @include flex(flex, row, space-between, center);\r\n height: 48.6px;\r\n @include wider-margin;\r\n }\r\n\r\n &--left {\r\n width: 50%;\r\n padding: 0px 15px;\r\n @include flex(flex, row, space-between, center);\r\n justify-content: flex-start;\r\n }\r\n\r\n &--right {\r\n width: 50%;\r\n @include flex(flex, row, space-between, center);\r\n justify-content: flex-end;\r\n padding: 0px 15px;\r\n }\r\n}\r\n.info {\r\n display: inline-block;\r\n height: 100%;\r\n text-align: center;\r\n font-size: 11px;\r\n padding: 0px 15px 0px 0px;\r\n text-transform: uppercase;\r\n font-weight: 300;\r\n}\r\n\r\n.header {\r\n &__top {\r\n background-color: #fef7f6;\r\n height: 48.6px;\r\n font-size: 11px;\r\n width: 100%;\r\n }\r\n\r\n &__lower {\r\n font-size: 11px;\r\n width: 100%;\r\n }\r\n}\r\n\r\n.counter {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 13px;\r\n width: 13px;\r\n border-radius: 50%;\r\n background-color: #ff5353;\r\n color: #fef7f6;\r\n font-size: 8px;\r\n}\r\n\r\n.icons-header {\r\n color: black;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n\r\n}\r\n\r\n.ti-align-justify {\r\n text-decoration: none;\r\n position: relative;\r\n font-size: 18px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.ti-angle-down {\r\n position: relative;\r\n color: black;\r\n left: 3px;\r\n}\r\n\r\n.logo {\r\n position: relative;\r\n display: inline;\r\n}\r\n\r\n.dropbtn {\r\n padding: 35px 15px;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.dropdown {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.dropdown-content {\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n background-color: white;\r\n min-width: 220px;\r\n box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 7%);\r\n z-index: 1;\r\n list-style: none;\r\n transition: all 300ms ease;\r\n text-transform: uppercase;\r\n font-family: \"Roboto\", sans-serif;\r\n font-weight: 500;\r\n}\r\n\r\n.dropdown-content a {\r\n color: black;\r\n padding: 10px 10px;\r\n text-decoration: none;\r\n display: block;\r\n\r\n}\r\n\r\n.dropdown-content a:hover {\r\n background-color: #f1f1f1;\r\n color: #ff5353;\r\n}\r\n\r\n.dropdown:hover .dropdown-content {\r\n display: block;\r\n}\r\n\r\n.dropdown:hover .dropbtn {\r\n color: #ff5353;\r\n}\r\n\r\n\r\n","\r\n.banner {\r\n display: block;\r\n width: 100%;\r\n position: relative;\r\n\r\n &__fluid {\r\n width: 100%;\r\n padding: 0 15px;\r\n margin: 0 auto;\r\n }\r\n\r\n &__order {\r\n position: relative;\r\n width: 100%;\r\n padding-right: -15px;\r\n padding-left: -15px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n flex-wrap: wrap;\r\n @include flex(flex, row, space-between, center);\r\n\r\n &--column {\r\n position: relative;\r\n width: 50%;\r\n height: 100%;\r\n padding: 0 15px;\r\n @include flex(flex, row, space-between, center);\r\n }\r\n }\r\n\r\n &__substance {\r\n position: relative;\r\n width: 50%;\r\n @include flex(flex, column, space-between, center);\r\n @include align-right;\r\n }\r\n\r\n &__image {\r\n position: relative;\r\n //width: 100%;\r\n height: auto;\r\n @include align-left;\r\n }\r\n}\r\n\r\n.first-banner {\r\n background-repeat: no-repeat;\r\n background-position: center top;\r\n background-size: cover;\r\n background-image: url(\"https://demo.themeies.com/silon/images/bg-1.jpg\");\r\n\r\n &__subtitle {\r\n height: 11.2px;\r\n text-transform: uppercase;\r\n color: #565656;\r\n margin: 0;\r\n }\r\n}\r\n\r\n.second-banner {\r\n background-color: #e9e2d8;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n &__title {\r\n font-family: \"Dancing Script\", cursive;\r\n font-weight: 700;\r\n margin: 0 0 33px;\r\n font-size: 58px;\r\n\r\n &--subtitle {\r\n font-weight: 300;\r\n text-transform: uppercase;\r\n margin: 0 0 54px;\r\n text-align: center;\r\n font-size: 24px;\r\n }\r\n }\r\n}\r\n\r\nh1 {\r\n font-size: 50px;\r\n text-align: center;\r\n}","// -----------------------------------------------------------------------------\r\n// This file contains all styles related to the button component.\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\n.content__button:hover.content__button--content {\r\n color: #181886;\r\n background-color: white;\r\n}\r\n\r\n.content {\r\n position: relative;\r\n text-align: center;\r\n padding: 15px 15px;\r\n @include flex(flex, column, space-between, center);\r\n flex-wrap: nowrap;\r\n\r\n &__button {\r\n background: #ff5353;\r\n width: 170px;\r\n height: 51.2px;\r\n border-radius: 8px;\r\n\r\n &--content {\r\n display: inline-block;\r\n text-transform: uppercase;\r\n color: #ffff;\r\n padding: 20px 25px;\r\n text-align: center;\r\n text-decoration: none;\r\n margin-left: auto;\r\n margin-right: auto;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n }\r\n}","\r\n.featured-product__container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n display: block;\r\n flex-wrap: wrap;\r\n margin: 0 100px;\r\n}\r\n\r\nh2 {\r\n font-size: 36px;\r\n text-align: center;\r\n text-transform: uppercase;\r\n padding: 0px 0 50px 0;\r\n}\r\n\r\n.ti-shopping-cart {\r\n text-decoration: none;\r\n position: relative;\r\n font-size: 18px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.ti-heart {\r\n text-decoration: none;\r\n position: relative;\r\n font-size: 18px;\r\n padding: 10px;\r\n}\r\n\r\n.ti-search {\r\n text-decoration: none;\r\n position: relative;\r\n font-size: 18px;\r\n padding: 10px;\r\n}\r\n\r\n.ti-star {\r\n text-decoration: none;\r\n position: relative;\r\n text-align: center;\r\n color: #ff5353;\r\n font-size: 14px;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.columns {\r\n @include flex(flex, row, space-around, center);\r\n position: relative;\r\n margin-bottom: 50px;\r\n display: flex;\r\n}\r\n\r\n.product:hover {\r\n .product__item--hover {\r\n visibility: visible;\r\n position: relative;\r\n top: -200px;\r\n transition: top 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.product {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n box-sizing: border-box;\r\n\r\n &__item {\r\n display: flex;\r\n position: relative;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0;\r\n width: 100%;\r\n padding-right: 15px;\r\n padding-left: 15px;\r\n box-sizing: border-box;\r\n\r\n &--hover {\r\n top: -180px;\r\n position: relative;\r\n visibility: hidden;\r\n display: flex;\r\n text-decoration: none;\r\n justify-content: center;\r\n }\r\n\r\n &--details {\r\n :hover.item__name {\r\n color: #ff5353;\r\n }\r\n\r\n p.item__name {\r\n font-size: 14px;\r\n color: #888;\r\n margin-top: 25px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.item {\r\n &__rating {\r\n text-align: center;\r\n }\r\n\r\n &__price {\r\n position: relative;\r\n margin: 10px 0 0 0;\r\n padding: 0;\r\n font-size: 18px;\r\n font-weight: 500;\r\n text-align: center;\r\n color: black;\r\n }\r\n}\r\n\r\n.entrance {\r\n position: relative;\r\n width: 50px;\r\n height: 50px;\r\n background-color: white;\r\n border-radius: 40px;\r\n text-decoration: none;\r\n margin: 5px;\r\n color: black;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.entrance:hover {\r\n background-color: #ff5353;\r\n color: white;\r\n}\r\n\r\n.ti-eye {\r\n\r\n font-size: 15px;\r\n text-decoration: none;\r\n}","html {\r\n box-sizing: border-box;\r\n}\r\n\r\n*, *:before, *:after {\r\n box-sizing: inherit;\r\n}\r\n\r\nbody {\r\n background-color: #ffff;\r\n font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nimg {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n}","// -----------------------------------------------------------------------------\r\n// This file contains media queries with breakpoints:\r\n// 20-423px;\r\n// 424 - 575px;\r\n// 576-767px;\r\n// 768-991px;\r\n// min. 922px;\r\n// -----------------------------------------------------------------------------\r\n\r\n@media (min-width: 20px) and (max-width: 423px) {\r\n .navigation-bar {\r\n height: 90.4px;\r\n margin: 0 20px;\r\n @include flex(flex, row, space-between, center);\r\n\r\n &__item {\r\n @include flex(flex, row, space-between, center);\r\n\r\n &--element {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n :hover.icons-header {\r\n color: #ff5353;\r\n }\r\n }\r\n }\r\n }\r\n .header__top {\r\n display: none;\r\n }\r\n .menu {\r\n list-style: none;\r\n display: none;\r\n\r\n &__item {\r\n list-style: none;\r\n display: none;\r\n @include behavior;\r\n }\r\n\r\n :hover.menu__item {\r\n color: #ff5353;\r\n\r\n }\r\n }\r\n .hamburger-menu {\r\n visibility: visible;\r\n }\r\n .banner__order--column {\r\n width: 100%;\r\n }\r\n .banner__order {\r\n flex-wrap: wrap-reverse;\r\n }\r\n .banner__substance {\r\n padding: 30px;\r\n }\r\n .second-banner {\r\n background-color: #e9e2d8;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .featured-product__container {\r\n @include flex(flex, column, space-between, center);\r\n display: block;\r\n flex-wrap: wrap;\r\n margin: 0 0 0 0;\r\n }\r\n .product__item--hover {\r\n flex-wrap: wrap;\r\n }\r\n .columns {\r\n @include flex(flex, column, space-around, center);\r\n }\r\n .buttons {\r\n display: flex;\r\n width: auto;\r\n }\r\n .button__apple, .button__google {\r\n position: relative;\r\n flex-basis: 50%;\r\n }\r\n.button__google--content,.button__apple--content {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n}\r\n}\r\n\r\n@media (min-width: 424px) and (max-width: 575px) {\r\n .navigation-bar {\r\n height: 90.4px;\r\n margin: 0 20px;\r\n @include flex(flex, row, space-between, center);\r\n\r\n &__item {\r\n @include flex(flex, row, space-between, center);\r\n\r\n &--element {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n :hover.icons-header {\r\n color: #ff5353;\r\n }\r\n }\r\n }\r\n }\r\n .header__top {\r\n display: none;\r\n }\r\n .menu {\r\n list-style: none;\r\n display: none;\r\n\r\n &__item {\r\n list-style: none;\r\n display: none;\r\n @include behavior;\r\n }\r\n\r\n :hover.menu__item {\r\n color: #ff5353;\r\n\r\n }\r\n }\r\n .hamburger-menu {\r\n visibility: visible;\r\n }\r\n\r\n .banner {\r\n &__order {\r\n flex-wrap: wrap-reverse;\r\n\r\n &--column {\r\n width: 100%;\r\n }\r\n }\r\n\r\n &__substance {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n .second-banner {\r\n background-color: #e9e2d8;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .featured-product__container {\r\n @include flex(flex, column, space-between, center);\r\n display: block;\r\n flex-wrap: wrap;\r\n margin: 0 0 0 0;\r\n }\r\n\r\n .product__item--hover {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .button__apple, .button__google {\r\n width: 50%;\r\n }\r\n\r\n .footer-row {\r\n max-width: 540px;\r\n flex-wrap: wrap;\r\n margin: auto;\r\n @include flex(flex, row, flex-start, flex-start);\r\n }\r\n\r\n .footer-column {\r\n margin: 0 15px;\r\n }\r\n\r\n .footer-container {\r\n width: 100%;\r\n position: relative;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) and (max-width: 767px) {\r\n .header__top {\r\n display: none;\r\n }\r\n .menu {\r\n display: none;\r\n list-style: none;\r\n\r\n &__item {\r\n display: none;\r\n list-style: none;\r\n }\r\n\r\n :hover.menu__item {\r\n color: #ff5353;\r\n @include behavior;\r\n }\r\n }\r\n .hamburger-menu {\r\n visibility: visible;\r\n }\r\n .navigation-bar {\r\n height: 90.4px;\r\n margin: 0 20px;\r\n @include flex(flex, row, space-between, center);\r\n\r\n &__item {\r\n @include flex(flex, row, space-between, center);\r\n\r\n &--element {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n :hover.icons-header {\r\n color: #ff5353;\r\n }\r\n }\r\n }\r\n }\r\n .banner {\r\n &__order {\r\n flex-wrap: wrap-reverse;\r\n\r\n &--column {\r\n width: 100%;\r\n }\r\n }\r\n\r\n &__substance {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n .second-banner {\r\n background-color: #e9e2d8;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .featured-product__container {\r\n @include flex(flex, column, space-between, center);\r\n display: block;\r\n flex-wrap: wrap;\r\n margin: 0 0 0 0;\r\n }\r\n .product__item--hover {\r\n flex-wrap: wrap;\r\n }\r\n .footer-row {\r\n max-width: 540px;\r\n flex-wrap: wrap;\r\n margin: auto;\r\n @include flex(flex, row, flex-start, flex-start);\r\n }\r\n .footer-column {\r\n margin: 0 15px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 991px) {\r\n .header__top {\r\n display: inline-block;\r\n background-color: #fef7f6;\r\n height: 48.6px;\r\n font-size: 11px;\r\n width: 100%;\r\n }\r\n .container {\r\n &__align {\r\n @include flex(flex, row, space-between, center);\r\n height: 48.6px;\r\n @include wider-margin;\r\n }\r\n\r\n &--left {\r\n width: 50%;\r\n padding: 0px 15px;\r\n @include flex(flex, row, space-between, center);\r\n justify-content: flex-start;\r\n }\r\n\r\n &--right {\r\n width: 50%;\r\n @include flex(flex, row, space-between, center);\r\n justify-content: flex-end;\r\n padding: 0px 15px;\r\n }\r\n }\r\n .menu {\r\n list-style: none;\r\n display: none;\r\n\r\n &__item {\r\n list-style: none;\r\n display: none;\r\n @include behavior;\r\n }\r\n\r\n :hover.menu__item {\r\n color: #ff5353;\r\n\r\n }\r\n }\r\n .navigation-bar {\r\n height: 90.4px;\r\n @include wider-margin;\r\n @include flex(flex, row, space-between, center);\r\n\r\n &__item {\r\n @include flex(flex, row, space-between, center);\r\n\r\n &--element {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n :hover.icons-header {\r\n color: #ff5353;\r\n }\r\n }\r\n }\r\n\r\n .button__google, .button__apple {\r\n display: block;\r\n }\r\n\r\n\r\n .footer-container {\r\n padding: 80px 15px;\r\n margin: auto;\r\n width: 100%;\r\n }\r\n\r\n .footer-applications {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-row {\r\n @include flex(flex, row, space-around, flex-start);\r\n\r\n }\r\n\r\n .footer-column {\r\n margin: 0 15px;\r\n }\r\n }\r\n\r\n .banner {\r\n &__order {\r\n flex-wrap: wrap-reverse;\r\n\r\n &--column {\r\n width: 100%;\r\n }\r\n }\r\n\r\n &__substance {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n .second-banner {\r\n background-color: #e9e2d8;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .footer-container {\r\n padding: 80px 15px;\r\n margin: auto;\r\n width: 100%;\r\n }\r\n .footer-applications {\r\n margin-bottom: 40px;\r\n }\r\n .footer-row {\r\n @include flex(flex, row, space-around, flex-start);\r\n }\r\n .footer-column {\r\n padding: 0 15px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .container {\r\n &__align {\r\n @include flex(flex, row, space-between, center);\r\n height: 48.6px;\r\n @include wider-margin;\r\n }\r\n\r\n &--left {\r\n width: 50%;\r\n padding: 0px 15px;\r\n @include flex(flex, row, space-between, center);\r\n justify-content: flex-start;\r\n }\r\n\r\n &--right {\r\n width: 50%;\r\n @include flex(flex, row, space-between, center);\r\n justify-content: flex-end;\r\n padding: 0px 15px;\r\n }\r\n }\r\n .header {\r\n &__top {\r\n display: inline-block;\r\n background-color: #fef7f6;\r\n height: 48.6px;\r\n font-size: 11px;\r\n width: 100%;\r\n }\r\n\r\n &__lower {\r\n font-size: 11px;\r\n width: 100%;\r\n }\r\n }\r\n\r\n .menu {\r\n list-style: none;\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n\r\n &__item {\r\n list-style: none;\r\n display: block;\r\n color: black;\r\n font-family: \"Roboto\", sans-serif;\r\n font-weight: 500;\r\n padding: 0 15px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n }\r\n\r\n :hover.menu__item {\r\n color: #ff5353;\r\n @include behavior;\r\n }\r\n }\r\n .hamburger-menu {\r\n visibility: hidden;\r\n }\r\n .navigation-bar {\r\n height: 90.4px;\r\n @include wider-margin;\r\n @include flex(flex, row, space-between, center);\r\n\r\n &__item {\r\n @include flex(flex, row, space-between, center);\r\n\r\n &--element {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n :hover.icons-header {\r\n color: #ff5353;\r\n }\r\n }\r\n }\r\n }\r\n .featured-product__container {\r\n @include flex(flex, column, space-between, center);\r\n display: block;\r\n flex-wrap: wrap;\r\n @include wider-margin;\r\n }\r\n .footer-container {\r\n padding: 80px 15px;\r\n margin: auto;\r\n width: 100%;\r\n }\r\n\r\n .footer-applications {\r\n margin-bottom: 40px;\r\n }\r\n .footer-row {\r\n @include flex(flex, row, space-around, flex-start);\r\n }\r\n .footer-column {\r\n padding: 0 15px;\r\n }\r\n}\r\n","// -----------------------------------------------------------------------------\r\n// This file contains CSS helper classes.\r\n// -----------------------------------------------------------------------------\r\n@mixin flex($parameter1,$parameter2,$parameter3,$parameter4) {\r\n display: $parameter1;\r\n flex-direction: $parameter2;\r\n justify-content: $parameter3;\r\n align-items: $parameter4;\r\n}\r\n@mixin wider-margin {\r\n margin: 0 100px;\r\n}\r\n\r\n@mixin align-right {\r\n justify-content: flex-end;\r\n}\r\n\r\n@mixin align-left {\r\n justify-content: flex-start;\r\n}\r\n@mixin behavior {\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n@mixin column-margin {\r\n margin: 0 0 0 80px;\r\n}"]}
\ No newline at end of file
diff --git a/fonts/themify.eot b/fonts/themify.eot
new file mode 100644
index 0000000..9ec298b
Binary files /dev/null and b/fonts/themify.eot differ
diff --git a/fonts/themify.svg b/fonts/themify.svg
new file mode 100644
index 0000000..3d53854
--- /dev/null
+++ b/fonts/themify.svg
@@ -0,0 +1,362 @@
+
+
+
\ No newline at end of file
diff --git a/fonts/themify.ttf b/fonts/themify.ttf
new file mode 100644
index 0000000..5d627e7
Binary files /dev/null and b/fonts/themify.ttf differ
diff --git a/fonts/themify.woff b/fonts/themify.woff
new file mode 100644
index 0000000..847ebd1
Binary files /dev/null and b/fonts/themify.woff differ
diff --git a/gulpfile.js.backup b/gulpfile.js.backup
new file mode 100644
index 0000000..41d5d61
--- /dev/null
+++ b/gulpfile.js.backup
@@ -0,0 +1,36 @@
+const gulp = require("gulp");
+const sass = require("gulp-sass")(require("sass"));
+const sourcemaps = require("gulp-sourcemaps");
+const autoprefixer = require("gulp-autoprefixer");
+const browserSync = require("browser-sync").create();
+
+function compileSass(done) {
+ gulp
+ .src("scss/main.scss")
+ .pipe(sourcemaps.init())
+ .pipe(sass({ outputStyle: "expanded" }).on("error", sass.logError))
+ .pipe(autoprefixer())
+ .pipe(sourcemaps.write("."))
+ .pipe(gulp.dest("css"));
+
+ done();
+}
+
+function watcher(done) {
+ browserSync.init({
+ server: "./",
+ });
+
+ gulp.watch("scss/**/*.scss", gulp.series(compileSass, reload));
+ gulp.watch("*.html", gulp.series(reload));
+
+ done();
+}
+
+function reload(done) {
+ browserSync.reload();
+ done();
+}
+
+exports.sass = gulp.parallel(compileSass);
+exports.default = gulp.parallel(compileSass, watcher);
diff --git a/index.html b/index.html
index 261e506..c3e7528 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,254 @@
-
+
+
+
- Document
+ Hello, world!
+
+
+
+
+
ultimate collection
+
Complete Women Fashion Here
+
shop now
+
+
+
+
featured product
+
+
+
+
+
+
Red Women Purses
+
+
$35
+
+
+
+
+
+
+
Red Women Purses
+
+
$35
+
+
+
+
+
+
+
Red Women Purses
+
+
$35
+
+
+
+
+
50% off
+
all women's collection
+
shop now
+
+
+
+
+
+
+
+
+