diff --git a/css/index.css b/css/index.css index 1ff2881..ed3b380 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1 @@ -body{padding-top:68px;overflow-x:hidden}.main-section{background-color:#fff;padding:0px 10px}.navbar{background-color:rgba(255,255,255,0);transition:background-color .5s ease-in-out;padding:5px 20px}.nav-link{color:#4e4d49}.nav-link:hover{color:#d4d4d4}.scrolled{background:#f5f2e8}.navbar-toggler:focus{box-shadow:unset !important}.navbar-toggler{border:1px solid #4e4d49;transition:all .3s}.navbar-toggler.active{border:2px solid #4e4d49}.custom-toggler .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba%2878, 77, 73, 1%29" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E')}.instagram{margin-left:10px}.fa-phone{transform:rotate(90deg)}.bg-video-mobile,.bg-video-web{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-video-mobile video,.bg-video-web video{width:100%;height:100%;object-fit:cover}@media(min-width: 768px){.bg-video-mobile{display:none}.logo{height:100px;width:100px}.section-1{padding-top:350px;padding-bottom:350px}.section-2{padding-top:50px;padding-bottom:40px}}@media(max-width: 768px){.bg-video-web{display:none}.logo{height:40px;width:40px}.bg-video{height:50vh}.section-1{padding:200px 30px}.section-2{padding-top:30px;padding-bottom:20px}.section-3{padding-top:20px;padding-bottom:20px}}.footer{background-color:#f5f2e8;color:#4e4d49;padding:10px 10px}.footer a{color:#4e4d49}.footer a:hover{text-decoration:none}.footer .social-icons a{margin:0 5px;color:#4e4d49;text-decoration:none;transition:all .3s}.footer .social-icons a:hover{color:#d4d4d4}.list-unstyled li p{margin:0}.photo-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:30px}.photo-section img{width:100%;max-width:250px;transform:rotate(-10deg);margin:10px}.main-section img{cursor:pointer}.main-section .btn{margin-top:10px}.photo-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:30px}.photo-section img{width:100%;max-width:250px;transform:rotate(-10deg);margin:10px}.single-picture-block img{width:100%;max-width:600px} \ No newline at end of file +body{padding-top:68px;overflow-x:hidden}.main-section{background-color:#fff;padding:0px 10px}.navbar{background-color:rgba(255,255,255,0);transition:background-color .5s ease-in-out;padding:5px 20px}.nav-link{color:#4e4d49}.nav-link:hover{color:#d4d4d4}.scrolled{background:#f5f2e8}.navbar-toggler:focus{box-shadow:unset !important}.navbar-toggler{border:1px solid #4e4d49;transition:all .3s}.navbar-toggler.active{border:2px solid #4e4d49}.custom-toggler .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba%2878, 77, 73, 1%29" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E')}.instagram{margin-left:10px}.fa-phone{transform:rotate(90deg)}.bg-video-mobile,.bg-video-web{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-video-mobile video,.bg-video-web video{width:100%;height:100%;object-fit:cover}@media(min-width: 768px){.bg-video-mobile{display:none}.logo{width:100px}.section-1{padding-top:350px;padding-bottom:350px}.section-2{padding-top:50px;padding-bottom:40px}.logo-f{height:140px}}@media(max-width: 768px){.bg-video-web{display:none}.logo{width:115px}.bg-video{height:50vh}.section-1{padding:200px 30px}.section-2{padding-top:30px;padding-bottom:20px}.section-3{padding-top:20px;padding-bottom:20px}.logo-f{height:120px}}.footer{background-color:#f5f2e8;color:#4e4d49;padding:10px 10px}.footer a{color:#4e4d49}.footer a:hover{text-decoration:none}.footer .social-icons a{margin:0 5px;color:#4e4d49;text-decoration:none;transition:all .3s}.footer .social-icons a:hover{color:#d4d4d4}.list-unstyled li p{margin:0}.photo-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:30px}.photo-section img{width:100%;max-width:250px;transform:rotate(-10deg);margin:10px}.main-section img{cursor:pointer}.main-section .btn{margin-top:10px}.photo-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:30px}.photo-section img{width:100%;max-width:250px;transform:rotate(-10deg);margin:10px}.single-picture-block img{width:100%;max-width:600px} \ No newline at end of file diff --git a/css/index.scss b/css/index.scss index a000c99..391bf6e 100644 --- a/css/index.scss +++ b/css/index.scss @@ -73,7 +73,6 @@ body { } .logo { - height: 100px; width: 100px; } @@ -86,6 +85,10 @@ body { padding-top: 50px; padding-bottom: 40px; } + + .logo-f { + height: 140px; + } } @media (max-width: 768px) { @@ -95,8 +98,7 @@ body { } .logo { - height: 40px; - width: 40px; + width: 115px; } .bg-video { @@ -116,6 +118,10 @@ body { padding-top: 20px; padding-bottom: 20px; } + + .logo-f { + height: 120px; + } } .footer { diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..bdc31ad Binary files /dev/null and b/img/logo.png differ diff --git a/index.html b/index.html index dd7193f..2b63a84 100644 --- a/index.html +++ b/index.html @@ -34,7 +34,7 @@