diff --git a/css/owl.carousel.css b/css/owl.carousel.css deleted file mode 100644 index a1359e1..0000000 --- a/css/owl.carousel.css +++ /dev/null @@ -1,72 +0,0 @@ -/* - * Core Owl Carousel CSS File - * v1.3.3 - */ - -/* clearfix */ -.owl-carousel .owl-wrapper:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} -/* display none until init */ -.owl-carousel{ - display: none; - position: relative; - width: 100%; - -ms-touch-action: pan-y; -} -.owl-carousel .owl-wrapper{ - display: none; - position: relative; - -webkit-transform: translate3d(0px, 0px, 0px); -} -.owl-carousel .owl-wrapper-outer{ - overflow: hidden; - position: relative; - width: 100%; - margin:0 auto !important; -} -.owl-carousel .owl-wrapper-outer.autoHeight{ - -webkit-transition: height 500ms ease-in-out; - -moz-transition: height 500ms ease-in-out; - -ms-transition: height 500ms ease-in-out; - -o-transition: height 500ms ease-in-out; - transition: height 500ms ease-in-out; -} - -.owl-carousel .owl-item{ - float: left; -} -.owl-controls .owl-page, -.owl-controls .owl-buttons div{ - cursor: pointer; -} -.owl-controls { - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/* mouse grab icon */ -.grabbing { - cursor:url(grabbing.png) 8 8, move; -} - -/* fix */ -.owl-carousel .owl-wrapper, -.owl-carousel .owl-item{ - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0,0,0); - -moz-transform: translate3d(0,0,0); - -ms-transform: translate3d(0,0,0); -} - diff --git a/css/style.css b/css/style.css deleted file mode 100644 index f822e37..0000000 --- a/css/style.css +++ /dev/null @@ -1,913 +0,0 @@ -/* =========== Typography ========== */ -html,body{ - width: 100%; - height: 100%; -} -@font-face{ - font-family:'Montserrat''Helvetica-Regular'; - src:url(../fonts/Helvetica-Regular.ttf); -} - -body { - margin: 0px; - padding: 0px; - font-family: 'Montserrat', sans-serif; - color: #4d4d4d; - height: 100% !important; -} -/* ======DEFAULT BROWSER STYLE========= */ -a { - color: rgba(255, 255, 255, 0.85) !important; - text-decoration: none; -} -a:hover { - color: white !important; - text-decoration: none !important; -} -a:focus{ - text-decoration: none; -} -a:focus,.btn:focus,.btn:active:focus, -button:focus,input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus{ - outline: none; -} -ul,p{ - margin-bottom: 0; -} -.text-white{ - color: #fff !important; -} -/*===============Custom Spacing=============*/ -.space10{ - margin-top: 10px; -} -.space20{ - margin-top: 20px; -} -.space30{ - margin-top: 30px; -} -.space40{ - margin-top: 40px; -} -.space50{ - margin-top: 50px; -} -.space60{ - margin-top: 60px; -} -.space70{ - margin-top: 70px; -} -.space80{ - margin-top: 80px; -} -.space90{ - margin-top: 90px; -} -.space100{ - margin-top: 100px; -} -.space200{ - margin-top: 200px; -} -/*==================Main Stylesheet==========================*/ -/*-----------------------Navbar-------------------------------------*/ -.navbar-nav>li { - float: none; - display: table-cell; - vertical-align: middle; -} - -.navbar-nav>li a .material-icons{ - font-size: 35px; -} -.navbar-default { - background-color: transparent; - border: 0; - min-height: auto; - padding: 24px 0 16px; -} -.navbar-default .navbar-nav>li>a { - color: rgba(255, 255, 255, 0.7); - font-weight: 300; - font-size: 16px; - padding: 0px 15px !important; - letter-spacing: 1.2px; -} -.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { - color: #fff; - background-color: transparent; -} -.navbar-brand { - padding: 7px 15px; - display: block; - float: none; - height: auto; - font-size: 0; - line-height: 0; -} -.test { - margin-bottom: 10px; - margin-top: 10px; - -} -/*.affix { - background: #656bfd !important; -}*/ -#nav-icon3 { - z-index: 99; - width: 36px; - height: 0; - position: relative; - margin: 0 auto; - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: .5s ease-in-out; - -moz-transition: .5s ease-in-out; - -o-transition: .5s ease-in-out; - transition: .5s ease-in-out; - cursor: pointer; - top: 15px; -} -#nav-icon3 span { - display: block; - position: absolute; - height: 3px; - width: 70%; - background: #fff; - border-radius: 9px; - opacity: 1; - left: 0; - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: .25s ease-in-out; - -moz-transition: .25s ease-in-out; - -o-transition: .25s ease-in-out; - transition: .25s ease-in-out; -} -#nav-icon3 span:nth-child(1) { - top: 0px; -} -#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { - top: 8px; -} -#nav-icon3 span:nth-child(4) { - top: 16px; -} -#nav-icon3.open span:nth-child(1) { - top: 18px; - width: 0%; - left: 50%; -} -#nav-icon3.open span:nth-child(2) { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); -} -#nav-icon3.open span:nth-child(3) { - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - transform: rotate(-45deg); -} -#nav-icon3.open span:nth-child(4) { - top: 18px; - width: 0%; - left: 50%; -} -.flex-nav{ - display: flex; - justify-content: flex-start ; -} -/*============================================================*/ - -.scroll-tag{ - position: absolute; - bottom: 30px; - left: 0; - right: 0; -} -.scroll-tag p{ - font-size: 18px; - color: #fff; - font-weight: 300; -} -/*-----------------------------What we do-----------------------*/ -.welcome{ - padding: 150px 0px 0px; - position: relative; - -} - -.blog-intro{ - height: auto; -} - -.med-title{ - margin: 0; - color: #26245F; - font-size: 48px; - font-weight:300; -} -.sub-title{ - margin: 0; - color: #26245F; - font-size: 20px; - font-weight:300; -} -.tag-line { - font-size: 28px; - color: #26245F; - font-weight: 300; -} -.img-container{ - position: relative; -} - -.details{ - font-size: 30px; - color: #898AB9; - font-weight: 300; -} -.text-left { - text-align: left; -} -.img-within-text { - display: block; - margin: auto; - width: 100%; - padding-top: 10px; - padding-bottom: 10px; -} -.article-img-wrraper { - background:url(../img/blog-img.png)center no-repeat; - display: block; - margin: auto; - width: 100%; - height: 500px; -} -.blog-container { - width: 650px; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -.highlighted-text { - color: #26245F; - font-weight: 300; - font-size: 18px; - padding-left: 15px; -} -.blog-container-line{ - width: 650px; - padding-right: 15px; - padding-left: 0px; - margin-right: auto; - margin-left: auto; - -} -.highlight-line { -border-left: 2px solid #26245F; -padding-left: 0px -} -.social-icons{ - padding-top: 0px; - padding-bottom: 0px; - padding-left: 20px; - padding-right: 20px; -} - -/*========================Hire Us================================*/ -.hire-us-section { - background-color:#656BFD; - height: auto; -} -.hire-us-text { - color: white; - font-weight: 300; - font-size: 24px; - padding: 40px 0 10px 0; - -} -.hire-us-link { - font-weight: 300; - font-size: 28px; - color: white !important; -} -.hire-us-arrows { - display: flex; - flex-direction: row; - justify-content: center; - height: 60px; - padding-bottom: 10px; -} -.arrow { - bottom: 0; -} -.hire-us { - -webkit-animation-name: hire-us; - -moz-animation-name: hire-us; - -o-animation-name: hire-us; - animation-name: hire-us; -} -.animated{ - -webkit-animation-fill-mode:both; - -moz-animation-fill-mode:both; - -ms-animation-fill-mode:both; - -o-animation-fill-mode:both; - - animation-iteration-count: infinite; - -moz-animation-iteration-count: infinite; - -webkit-animation-iteration-count: infinite; - - animation-fill-mode:both; - -webkit-animation-duration:10s; - -moz-animation-duration:10s; - -ms-animation-duration:10s; - -o-animation-duration:10s; - animation-duration:10s; - } - @-webkit-keyframes hire-us { - 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} - 40% {-webkit-transform: translateY(-30px);} - 60% {-webkit-transform: translateY(-15px);} - } - - /*@-moz-keyframes bounce { - 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} - 40% {-moz-transform: translateY(-30px);} - 60% {-moz-transform: translateY(-15px);} - } - @-o-keyframes bounce { - 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} - 40% {-o-transform: translateY(-30px);} - 60% {-o-transform: translateY(-15px);} - } - @keyframes bounce { - 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} - 40% {transform: translateY(-30px);} - 60% {transform: translateY(-15px);} - } -/*========================tabs================================*/ -div.tab { - overflow: hidden; - width: 30%; - white-space: nowrap; - display: flex; -} - -/* Style the buttons inside the tab */ -div.tab button { - border: 10px; - box-sizing: border-box; - display: inline-block; - -webkit-tap-highlight-color: #26245F; - cursor: pointer; - text-decoration: none; - margin: 0px; - padding: 0px; - outline: none; - font-size: 20px; - font-weight: 300; - position: relative; - color: #26245F; - width: 50%; - background: none; - letter-spacing: 1px; - border-bottom: 4px solid rgba(182, 213, 59, 0); -} - -/* Change background color of buttons on hover */ -div.tab button:hover { - background-color: #F7F8FE; - -} - -/* Create an active/current tablink class */ -div.tab button.active { - border-bottom: 4px solid #B6D53B; -} - -/* Style the tab content */ -.tabcontent { - display: none; - border-top: none; -} - -/*========================how-we-work================================*/ - -.heading-tag { - font-size: 24px; - color: #333472; - margin: 30px 0; - font-weight: 500; -} -.details2{ - color: #898AB9; - font-size: 16px; - font-weight: 300; -} -.flex-center { - display: flex; - justify-content: center; -} -.blogtitle-sm { - font-size: 24px; - color: #333472; - font-weight: 300;} -/*====================tab==================================*/ -.tabcontainer{ - padding-bottom: 50px; - background-color: #F7F8FE; -} - -.tabcontainer .hint{ - color: #898AB9; - font-weight: 300; - font-size: 12px; - margin-bottom: 2px; -} -.tabcontainer .heading-tag{ - margin: 15px 0 5px; -} -.tabcontainer .details2 { - font-size: 14px; - margin-top: 2px; -} - -.banner{ - background:url(../img/blog-img.png)center no-repeat; - width: 100%; - height: 550px; - display: table; - margin-top: 120px; - background-size: contain; - *transition: all 0.3s ease-in-out; -} -.caption { - width: 100%; - height: 100%; - display: table-cell; - vertical-align: middle; -} -.arrow-back { - padding: 10px; -} - -/*------------------------Footer-------------------------*/ -footer{ - background:url(../img/footer.png)no-repeat; - background-size: cover; - padding: 70px 0; -} -footer h6{ - font-size: 20px; - color: #fff; - margin: 0 0 10px; - font-weight: 400; - text-transform: uppercase; -} - -footer p, footer ul li a { - font-size: 18px; - color: #fff; - line-height: 30px; - font-weight: 300; -} -footer ul li a{ - color: #C3EA98; - font-weight: 500; -} -footer ul li a:hover{ - color: #fff; - text-decoration: none; -} - -.readmore { - font-size: 16px; - color: #9BCB5C; - position: relative; - padding-bottom: 17px; - display: block; -} -.readmore:hover,.readmore:focus{ - color: #9BCB5C; - text-decoration: none; -} -.readmore:after { - position: absolute; - content: '\f107 '; - font-family: 'FontAwesome'; - font-size: 25px; - color: #9BCB5C; - left: 0; - right: 0; - top: 15px; -} -.arrow-up.readmore{ - margin-top: 20px; -} -.arrow-up.readmore:after{ - transform: rotate(180deg); -} - -body.second .navbar -{ - background: #656bfd !important; - position: fixed; - width: 100%; - z-index: 999; - /*transition: all 0.3s ease-in-out;*/ -} -.owl-page.active{ - height: 4px !important; -} -.owl-controls .owl-page { - cursor: pointer; - background: #000; - width: 12%; - height: 1px; - display: inline-block; - margin: 0; -} - -.owl-controls{ - text-align: center; - margin-top: 15px; -} - -.full-width-img{ - width: 100%; -} -/*==============Chnages(03-Oct)===============================*/ -footer .back-to-top{ - color: rgba(255, 255, 255, 0.7); - float: right; -} -.outline-shadow{ - box-shadow: 0 2px 4px rgba(100,110,242,0.7); -} -.number-bg .med-title { - margin: 0 0 16px; -} -.number-bg .details { - line-height: 40px; -} -.tweet{ - font-size: 50px; - color: #fff; - opacity: 0.8; -} -.tweet:hover{ - opacity: 1; -} - -.form-group { - position: relative; - margin-top: 0; - margin-bottom: 26px; -} - -.form-group textarea { - resize: none; -} - -.form-group .control-label { - position: absolute; - top: 0; - pointer-events: none; - padding-left: 0.125rem; - z-index: 1; - color: #26245f; - font-size: 16px; - text-align: center; - /* margin: 0 auto; */ - left: 0; - right: 0; - display: block; - font-weight: normal; - -webkit-transition: all 0.28s ease; - transition: all 0.28s ease; -} -.form-group .bar { - position: relative; - border-bottom: 0; - display: block; -} - -.form-group select ~ .control-label, -.form-group input:focus ~ .control-label, -.form-group input:valid ~ .control-label, -.form-group input.form-file ~ .control-label, -.form-group input.has-value ~ .control-label, -.form-group textarea:focus ~ .control-label, -.form-group textarea:valid ~ .control-label, -.form-group textarea.form-file ~ .control-label, -.form-group textarea.has-value ~ .control-label { - font-size: 12px; - color: #26245f; - top: -1rem; - left: 0; -} - - -} -/*==============Chnages(04-Oct)===============================*/ - -.space-left{ - margin-left: -1px; -} -.space-top{ - margin-top: -1px; -} -.space-top-left{ - margin-top: -1px; - margin-left: -1px; -} - - -/*========================Media Query================================*/ -@media(max-width: 1199px){ - .details { - font-size: 26px; - } - .med-title { - font-size: 40px; - } - .sub-title{ - font-size: 18px; - } - .tag-line { - font-size: 24px; - } - .border-box { - padding: 30px 20px; - } - .banner { - height: 500px; - } -} -@media(max-width: 991px){ - .number-bg { - background-size: 70px; - background-position: 0 0; - padding: 70px 0 0 18px; - } - .details { - font-size: 22px; - } - .med-title { - font-size: 30px; - } - .blog-intro{ - height: auto; - } - .banner { - height: 375px; - } - .arrow-back { - height: 64px; - } - - -@media(max-width: 767px){ - - - - .space-top-left{ - margin-top: 0; - margin-left: 0; - } - .space-left{ - margin-left: 0; - } - - div.tab { - width: 100%; - } - .space-top{ - margin-top: 0; - } - .tabcontent { - padding: 0px; - background-color: #FBFBFF; - } - .tabcontent img{ - margin-top: 0px; - } - .tabcontent .row.space100,.team .row.space80{ - margin-top: 0; - } - .align-navbar { - display: table; - width: 100%; - height: 100%; - } - .navbar-nav>li { - float: none; - display: table-cell; - vertical-align: middle; - } - - .mob-pad0{ - padding: 0; - } - .item.space80{ - margin-top: 0 !important; - } - .hint { - font-size: 12px; - } - - .heading-tag { - font-size: 20px; - } - .border-box .details2{ - display: none; - } - .border-box { - min-height: auto; - margin-bottom: -1px; - } - .med-title { - font-size: 23px; - } - .details { - font-size: 16px; - } - .tag-line{ - font-size: 20px; - } - - .welcome { - padding: 100px 0px 0px; - position: relative; - - } - .what-we-do, .tab-button { - font-size: 18px; - } - - .navbar-default { - padding: 5px 0; - } - .nav>li>a>img { - margin: 0 auto; - } - .navbar-default .navbar-nav>li>a { - color: #fff; - font-weight: 500; - font-size: 16px; - padding: 0 15px!important; - letter-spacing: 1.2px; - } - .navbar-nav { - margin: 0; - text-align: center; - display: table-cell; - vertical-align: middle; - height: 100%; - width: 100%; - } - .navbar-collapse.in{ - right: 15px; - transition: 0.4s ; - height: 100% !important; - } - .navbar-collapse { - position: fixed; - background: -webkit-linear-gradient(#656BFD, #7E93FE); /* For Safari 5.1 to 6.0 */ - background: -o-linear-gradient(#656BFD, #7E93FE); /* For Opera 11.1 to 12.0 */ - background: -moz-linear-gradient(#656BFD, #7E93FE); /* For Firefox 3.6 to 15 */ - background: linear-gradient(#656BFD, #7E93FE); /* Standard syntax */ - width: 100%; - right: -400px; - top: -1px; - bottom: 0; - max-height: 100% !important; - transition: 0.4s ease-in-out; - height: 100% !important; - } - .navbar-brand { - padding: 4px 6px !important; - width: 40%; - } - .navbar-default .navbar-toggle{ - border: 0; - box-shadow: none; - margin: 0; - padding: 0 4px; - } - .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { - background-color: transparent; - } - .welcome .space200 { - margin-top: 0; - } - .number-bg { - padding: 0; - background: none !important; - } - .banner { - height: 217px; - margin-top: 70px; - } - .arrow-back { - display: none; - - } - .blog-container { - width: 426px; - } - .blog-container-line{ - width: 426px; - } - .blogtitle-sm { - font-size: 18px; - } - .row.space40 { - margin-top: 10px; - } - .hire-us-text { - font-weight: 300; - font-size: 18px; - padding: 10px 0 10px 0; - } - .details2 { - font-size: 14px; - font-weight: 300; - } - .highlighted-text { - font-size: 16px; - -} - - - -@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){ - -} - -@media(max-width: 375px){ - .brush, .hand { - top: 40px; - } - .brush-shadow, .hand-shadow { - top: 46px; - } - .banner { - height: 187px; - } - .blog-container { - width: 375px; - } - .blog-container-line{ - width: 375px; - } - .highlighted-text { - font-size: 14px; - -} - -@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){ - -} - - - -@media(max-width: 320px){ - .brush, .hand, .box-img, .brush-shadow, .hand-shadow, .box-img-shadow { - width: 80px; - } - .banner h1 { - font-size: 16px; - } - .border-box .details2 { - font-size: 15px; - } - .banner { - height: 157px; - } - .blog-container { - width: 320px; - } - .blog-container-line{ - width: 320px; - } -} - -@media only screen -and (min-device-width : 320px) -and (max-device-width : 568px) -and (orientation : landscape) { - -} \ No newline at end of file diff --git a/fonts/Helvetica-Regular.ttf b/fonts/Helvetica-Regular.ttf deleted file mode 100644 index 4b22a33..0000000 Binary files a/fonts/Helvetica-Regular.ttf and /dev/null differ diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..26db20b --- /dev/null +++ b/footer.php @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + +