Add files via upload

Mobile Shopee/index.js

@@ -0,0 +1,54 @@
+$(document).ready(function(){
+
+    // Banner Owl Carousel
+$("#banner-area .owl-carousel").owlCarousel({
+    dots: true,
+    items: 1
+    });
+    // Top sale owl carousel
+$("#top-sale .owl-carousel").owlCarousel({
+    loop:true,
+    nav:true,
+    dots:false,
+    responsive:{
+        0:{
+            items: 1
+        },
+        600:{
+            items: 3
+        },
+        1000:{
+            items: 5
+        } 
+    }
+ });
+//Isotope filters
+var $grid = $(".grid").isotope({
+    itemSelector:'.grid-item',
+    layoutMode:'fitRows'
+});
+ //Filter items on button click
+ $(".button-group").on("click","button",function(){
+     var filterValue=$(this).attr('data-filter');
+     $grid.isotope({filter:filterValue});
+ })
+
+ // New phones owl carousel
+$("#new-phones .owl-carousel").owlCarousel({
+    loop:true,
+    nav:false,
+    dots:true,
+    responsive:{
+        0:{
+            items: 1
+        },
+        600:{
+            items: 3
+        },
+        1000:{
+            items: 5
+        } 
+    }
+ });
+
+});

Mobile Shopee/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "mobileshopee",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "sass ./sass/style.scss style.css --watch"
+  },
+  "author": "",
+  "license": "ISC"
+}

Mobile Shopee/sass/include/color.scss

@@ -0,0 +1,19 @@
+/* Color template */
+.color-primary{
+    color: $color-primary;
+}
+.color-primary-bg{
+    background: $color-primary;
+}
+.color-second{
+    color: $color-second;
+}
+.color-second-bg{
+    background: $color-second;
+}
+.color-yellow{
+    color: $color-yellow;
+}
+.color-yellow-bg{
+    background: $color-yellow;
+}

Mobile Shopee/sass/include/global.scss

@@ -0,0 +1,6 @@
+/* Global classes */
+
+button, button:focus{
+    outline: none !important;
+    box-shadow: none !important;
+}

Mobile Shopee/sass/include/special-price.scss

@@ -0,0 +1,7 @@
+// Special price section//
+#special-price{
+    .grid .grid-item{
+        margin-right: 1.2rem;
+        margin-left: 1rem;
+    };
+}

Mobile Shopee/sass/include/top-sale.scss

@@ -0,0 +1,36 @@
+/* Top sale template */
+
+#top-sale{
+    .owl-carousel .item .product a{
+        overflow: hidden;
+    }
+    .owl-carousel .item .product img{
+        transition: .5s ease;
+    }
+    .owl-carousel .item .product img:hover{
+        transform: scale(1.1);
+    }
+    .owl-carousel .owl-nav button{
+        position: absolute;
+        top: 30%;
+        outline: none;
+    }
+    .owl-carousel .owl-nav button.owl-prev{
+        left: 0;
+    }
+    .owl-carousel .owl-nav button.owl-prev span
+    .owl-carousel .owl-nav button.owl-next span{
+        font-size: 35px;
+        color: $color-primary;
+        padding: 0 1rem;
+    }
+    .owl-carousel .owl-nav button.owl-prev span{
+        margin-left: -4rem;
+    }
+    .owl-carousel .owl-nav button.owl-next{
+        right: 0;
+    }
+    .owl-carousel .owl-nav button.owl-next span{
+        margin-right: -4rem;
+    }
+}

Mobile Shopee/sass/include/typography.scss

@@ -0,0 +1,26 @@
+/* Typography classes */ 
+.font-baloo{
+    font-family: $font-baloo;
+}
+.font-rale{
+    font-family: $font-raleway;
+}
+.font-rubik{
+    font-family: $font-rubik;
+}
+
+.font-size-12{
+    font-size: 12px;
+}
+
+.font-size-14{
+    font-size: 14px;
+}
+
+.font-size-16{
+    font-size: 16px;
+}
+
+.font-size-20{
+    font-size: 20px;
+}

Mobile Shopee/sass/include/variables.scss

@@ -0,0 +1,7 @@
+
+$font-baloo:"Baloo Thambi 2", cursive;
+$font-raleway:"Raleway", cursive;
+$font-rubik:"Rubik", cursive;
+$color-primary: #003859;
+$color-second: #00A5C4;
+$color-yellow: #FFD289;

Mobile Shopee/sass/style.scss

@@ -0,0 +1,9 @@
+@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2&family=Raleway&family=Rubik&display=swap');
+
+/* Sass Template */
+@import './include/variables.scss';
+@import './include/global.scss';
+@import './include/typography.scss';
+@import './include/color.scss';
+@import './include/top-sale.scss';
+@import "./include/special-price.scss"