diff --git a/assets/css/fooldal.css b/assets/css/fooldal.css index 1db7fc6..3230b4d 100644 --- a/assets/css/fooldal.css +++ b/assets/css/fooldal.css @@ -4,26 +4,125 @@ box-sizing: border-box; } -.home-nav{ +body { + background-color: #F2EDD7FF; +} + +.home-nav { background-color: #A07855FF !important; } -.hamb-btn{ +.nav-shadow { + box-shadow: 0px 0px 5px 1px #A07855FF; +} + +.fixing2{ + width: 80%; +} + +.hamb-btn { margin-left: auto; } -.list-adjust{ +.list-adjust { font-size: large; } -.logo{ +.logo { color: white !important; text-decoration: none; text-align: left !important; -} +} -@media screen and (max-width: 991px){ - .list-adjust{ + +.carousel-caption { + bottom: 3rem; + z-index: 10; +} + +.fixing1{ + display: flex; + justify-content: center; +} + +.carousel-item { + height: 32rem; +} + +.carousel-item>img { + position: absolute; + top: 0; + left: 0; + min-width: 100%; + height: 40rem; +} + + +.marketing .col-lg-4 { + margin-bottom: 1.5rem; + text-align: center; +} + +.marketing h2 { + font-weight: 400; +} + +.marketing .col-lg-4 p { + margin-right: .75rem; + margin-left: .75rem; +} + + +.featurette-divider { + margin: 5rem 0; +} + + +.featurette-heading { + font-weight: 300; + line-height: 1; + letter-spacing: -.05rem; +} + +.centering { + text-align: center; +} + +.small-img{ + display: none; +} + +.title-sett{ + background-color: whitesmoke; + border-radius: 50px; + opacity: 0.9; +} + +.title-hone{ + color: #656565; +} + +@media (min-width: 40em) { + + .carousel-caption p { + margin-bottom: 1.25rem; + font-size: 1.25rem; + line-height: 1.4; + } + + .featurette-heading { + font-size: 50px; + } +} + +@media (min-width: 62em) { + .featurette-heading { + margin-top: 7rem; + } +} + +@media screen and (max-width: 991px) { + .list-adjust { text-align: center; - } + } } \ No newline at end of file diff --git a/assets/html/fooldal.html b/assets/html/fooldal.html index 2d22339..2fcc7f6 100644 --- a/assets/html/fooldal.html +++ b/assets/html/fooldal.html @@ -24,15 +24,11 @@ +
+ +
diff --git a/assets/img/img-small.jpg b/assets/img/img-small.jpg new file mode 100644 index 0000000..96379cd Binary files /dev/null and b/assets/img/img-small.jpg differ diff --git a/assets/img/img-small2.jpg b/assets/img/img-small2.jpg new file mode 100644 index 0000000..3b28bbf Binary files /dev/null and b/assets/img/img-small2.jpg differ diff --git a/assets/img/option1.jpg b/assets/img/option1.jpg new file mode 100644 index 0000000..ad2155b Binary files /dev/null and b/assets/img/option1.jpg differ diff --git a/assets/img/option2.jpg b/assets/img/option2.jpg new file mode 100644 index 0000000..d28f90f Binary files /dev/null and b/assets/img/option2.jpg differ diff --git a/assets/img/option3.jpg b/assets/img/option3.jpg new file mode 100644 index 0000000..80d4b9f Binary files /dev/null and b/assets/img/option3.jpg differ