diff --git a/index.html b/index.html
index 3aa4b9f..568b715 100644
--- a/index.html
+++ b/index.html
@@ -26,9 +26,9 @@
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: '',
- prevText: ''
+ adaptiveHeight:true,
+ useCSS: false,
+ speed: 750,
+ slideSelector: 'div.item',
+ minSlides: 3,
+ maxSlides: 3,
+ moveSlides: 1,
+ slideWidth: 1000,
+ nextSelector: '#slider-next',
+ prevSelector: '#slider-prev',
+ nextText: '',
+ prevText: ''
});
});
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;
}