From 4527ca47f67b943628b5453887f2c0a1c8b4e475 Mon Sep 17 00:00:00 2001
From: rosh <roshinift2lev@gmail.com>
Date: Thu, 18 Jun 2020 16:24:53 +0530
Subject: [PATCH] Adding some CSS changes

---
 index.html          |  6 +++---
 jquery.bxslider.css |  6 +++---
 myScript1.js        | 25 +++++++++++++------------
 mystyle.css         | 25 +++++++++++++++++++------
 4 files changed, 38 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index 3aa4b9f..568b715 100644
--- a/index.html
+++ b/index.html
@@ -26,9 +26,9 @@
     </div>
       
 <div id="slider">
-    <div class="item"><img src="../Project/buildings/buildings/1.png"  alt="building"></div>
-    <div class="item"><img src="../Project/buildings/buildings/2.png"  alt="building"></div>
-    <div class="item"><img src="../Project/buildings/buildings/3.png"  alt="building"></div>
+    <div class="item" id="spl1"><img src="../Project/buildings/buildings/1.png"  alt="building"></div>
+    <div class="item" ><img src="../Project/buildings/buildings/2.png"  alt="building"></div>
+    <div class="item" id="spl3"><img src="../Project/buildings/buildings/3.png"  alt="building"></div>
     <div class="item"><img src="../Project/buildings/buildings/4.png"  alt="building"></div>
     <div class="item"><img src="../Project/buildings/buildings/5.png"  alt="building"></div>
         </div>
diff --git a/jquery.bxslider.css b/jquery.bxslider.css
index 6b87b1c..9ac6044 100644
--- a/jquery.bxslider.css
+++ b/jquery.bxslider.css
@@ -21,10 +21,10 @@
 ul.bxslider {
   list-style: none;
 }
-.bx-viewport {
-  /*fix other elements on the page moving (on Chrome)*/
+/*.bx-viewport {
+  fix other elements on the page moving (on Chrome)
   -webkit-transform: translatez(0);
-}
+}*/
 /** THEME
 ===================================*/
 .bx-wrapper {
diff --git a/myScript1.js b/myScript1.js
index 4b91aa2..e5882c5 100644
--- a/myScript1.js
+++ b/myScript1.js
@@ -16,6 +16,7 @@ $(document).ready(function(){
  $('#slider').bxSlider({
     auto: true,
              controls: true,
+             slideMargin: 70,
              infiniteLoop: true,
              mode: 'horizontal',
              autoDirection: 'next',
@@ -25,18 +26,18 @@ $(document).ready(function(){
              randomStart: false,
              pager: false,
              moveSlideQty: 1,
-useCSS: false,
-speed: 750,
-hideControlOnEnd: true,
-    slideSelector: 'div.item',
-    minSlides: 3,
-    maxSlides: 3,
-    moveSlides: 1,
-    slideWidth: 1000,
-    nextSelector: '#slider-next',
-    prevSelector: '#slider-prev',
-    nextText: '<i class="fa fa-arrow-circle-right fa-3x"></i>',
-        prevText: '<i class="fa fa-arrow-circle-left fa-3x"></i>'
+             adaptiveHeight:true,
+             useCSS: false,
+             speed: 750,
+             slideSelector: 'div.item',
+             minSlides: 3,
+             maxSlides: 3,
+             moveSlides: 1,
+             slideWidth: 1000,
+             nextSelector: '#slider-next',
+             prevSelector: '#slider-prev',
+             nextText: '<i class="fa fa-arrow-circle-right fa-3x"></i>',
+             prevText: '<i class="fa fa-arrow-circle-left fa-3x"></i>'
 
   });
 });
diff --git a/mystyle.css b/mystyle.css
index bd01961..d746610 100644
--- a/mystyle.css
+++ b/mystyle.css
@@ -9,6 +9,14 @@
     float: left;
 }
 
+#spl1 {
+  margin-top: 170px;
+}
+
+#spl3 {
+  margin-top: 40px;
+}
+
  .item {
   float: left;
   width: 100%;
@@ -24,19 +32,24 @@
   top: 0;
 }
 
-  
+@font-face {
+  font-family: myFirstFont;
+  src: url(assets/fonts/Merriweather/Merriweather-Black.ttf);
+} 
 
 
 #black {
    color: black;
-   font-family: Verdana;
-   font-style: bold;
+   font-family: myFirstFont;
+   font-stretch: wider;
+   font-size: larger;
 }
 
 #white {
    color: white;
-   font-family: Verdana;
-   font-style: bold;
+   font-family: myFirstFont;
+   font-stretch: wider;
+   font-size: larger;
 }
 
 #CG {
@@ -45,7 +58,7 @@
 }
 
 #myProgress {
-    width: 50%;
+    width: 30%;
     background-color: grey;
   }