├── LICENSE ├── README.md ├── apply.html ├── css ├── animate.css ├── animate2.css ├── aos.css ├── bootstrap.min.css ├── flaticon.css ├── font-awesome.min.css ├── magnific-popup.css ├── main.css ├── main2.css ├── nice-select.css ├── owl.carousel.min.css ├── slick.css ├── style.css ├── style.map ├── style2.css ├── style3.css ├── swiper.min.css ├── themify-icons.css └── timeline.css ├── dsc-nsec.html ├── img ├── 6.jpeg ├── dsc.png ├── flat.png ├── flat2.png ├── flat3.png ├── flutter.png ├── icon_1.png ├── icon_2.png ├── icon_3.png ├── icon_4.png ├── icon_5.png ├── icon_7.png ├── icon_8.png ├── icon_9.png ├── lg.png └── tcf.jpg ├── index.html ├── js ├── aos.js ├── bootstrap.min.js ├── contact.js ├── custom.js ├── gmaps.min.js ├── isotope-min.js ├── isotope.pkgd.min.js ├── jquery-1.12.1.min.js ├── jquery-3.3.1.slim.min.js ├── jquery.ajaxchimp.min.js ├── jquery.counterup.min.js ├── jquery.easing.min.js ├── jquery.form.js ├── jquery.magnific-popup.js ├── jquery.nice-select.min.js ├── jquery.validate.min.js ├── mail-script.js ├── main.js ├── masonry.pkgd.js ├── masonry.pkgd.min.js ├── owl.carousel.min.js ├── particles.min.js ├── popper.min.js ├── slick.min.js ├── swiper.min.js ├── swiper_custom.js └── waypoints.min.js ├── lib ├── bootstrap │ └── js │ │ └── bootstrap.bundle.min.js ├── counterup │ └── counterup.min.js ├── easing │ └── easing.min.js ├── jquery │ ├── jquery-migrate.min.js │ └── jquery.min.js ├── superfish │ ├── hoverIntent.js │ └── superfish.min.js ├── waypoints │ └── waypoints.min.js └── wow │ └── wow.min.js ├── logo_no_bg.png ├── mentors.html ├── sass ├── _about_part.scss ├── _banner.scss ├── _blog.scss ├── _blog_part.scss ├── _breadcrumb.scss ├── _button.scss ├── _client_logo.scss ├── _common.scss ├── _contact.scss ├── _copyright_part.scss ├── _cource_details.scss ├── _creative.scss ├── _cta.scss ├── _elements.scss ├── _extends.scss ├── _footer.scss ├── _gallery_part.scss ├── _member_counter.scss ├── _menu.scss ├── _mixins.scss ├── _our_project.scss ├── _our_service.scss ├── _portfolio.scss ├── _project_details.scss ├── _review.scss ├── _single_blog.scss ├── _social_connect_part.scss ├── _special_cource.scss ├── _team.scss └── style.scss └── the-code-foundation.html /README.md: -------------------------------------------------------------------------------- 1 | # winterofcode.github.io -------------------------------------------------------------------------------- /apply.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Apply | Winter of Code 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |

39 |

40 |

Winter of Code ' 19 41 |

42 | 48 |

49 |

50 |

51 |

52 |

53 | 59 |

60 |

61 |

62 |
63 |

64 |

Submit Proposal

65 |

66 |

67 |

68 |

Got a hunch of what you can create this winter? Go ahead and fill up this form now to get into the action!

69 |
70 | 71 |

72 |

73 |

74 |

75 |

76 |

77 |

78 |

79 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 148 | 149 | 150 | -------------------------------------------------------------------------------- /css/flaticon.css: -------------------------------------------------------------------------------- 1 | /* 2 | Flaticon icon font: Flaticon 3 | Creation date: 14/07/2019 12:16 4 | */ 5 | 6 | @font-face { 7 | font-family: "Flaticon"; 8 | src: url("../fonts/Flaticon.eot"); 9 | src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), 10 | url("../fonts/Flaticon.woff2") format("woff2"), 11 | url("../fonts/Flaticon.woff") format("woff"), 12 | url("../fonts/Flaticon.ttf") format("truetype"), 13 | url("../fonts/Flaticon.svg#Flaticon") format("svg"); 14 | font-weight: normal; 15 | font-style: normal; 16 | } 17 | 18 | @media screen and (-webkit-min-device-pixel-ratio:0) { 19 | @font-face { 20 | font-family: "Flaticon"; 21 | src: url("./Flaticon.svg#Flaticon") format("svg"); 22 | } 23 | } 24 | 25 | [class^="flaticon-"]:before, [class*=" flaticon-"]:before, 26 | [class^="flaticon-"]:after, [class*=" flaticon-"]:after { 27 | font-family: Flaticon; 28 | font-style: normal; 29 | } 30 | 31 | .flaticon-drop:before { content: "\f100"; } 32 | .flaticon-ui:before { content: "\f101"; } 33 | .flaticon-left-arrow:before { content: "\f102"; } 34 | .flaticon-arrow-pointing-to-right:before { content: "\f103"; } -------------------------------------------------------------------------------- /css/magnific-popup.css: -------------------------------------------------------------------------------- 1 | .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | p { 2 | color: whitesmoke; 3 | } 4 | 5 | body { 6 | background-color: #162140; 7 | } 8 | 9 | navbar-nav a { 10 | padding: 0 8px 10px 8px; 11 | text-decoration: none; 12 | display: inline-block; 13 | color: #fff; 14 | font-family: "Poppins", sans-serif; 15 | font-weight: 400; 16 | text-transform: uppercase; 17 | font-size: 13px; 18 | outline: none; 19 | } 20 | 21 | .navbar-nav>li { 22 | margin-left: 10px; 23 | } 24 | 25 | .navbar-nav>li>a:before { 26 | content: ""; 27 | position: absolute; 28 | width: 100%; 29 | height: 2px; 30 | bottom: 0; 31 | left: 0; 32 | background-color: #40EFFC; 33 | visibility: hidden; 34 | -webkit-transform: scaleX(0); 35 | transform: scaleX(0); 36 | -webkit-transition: all 0.3s ease-in-out 0s; 37 | transition: all 0.3s ease-in-out 0s; 38 | } 39 | 40 | .navbar-nav a:hover:before, 41 | .navbar-nav li:hover>a:before, 42 | .navbar-nav .menu-active>a:before { 43 | visibility: visible; 44 | -webkit-transform: scaleX(1); 45 | transform: scaleX(1); 46 | } 47 | 48 | .navbar-nav ul { 49 | margin: 4px 0 0 0; 50 | border: 1px solid #e7e7e7; 51 | } 52 | 53 | .navbar-nav ul li { 54 | background: #fff; 55 | } 56 | 57 | .navbar-nav ul li:first-child { 58 | border-top: 0; 59 | } 60 | 61 | .navbar-nav ul li a { 62 | padding: 10px; 63 | color: #333; 64 | transition: 0.3s; 65 | display: block; 66 | font-size: 13px; 67 | text-transform: none; 68 | } 69 | 70 | .navbar-nav ul li a:hover { 71 | background: #40EFFC; 72 | color: #fff; 73 | } 74 | 75 | .navbar-nav ul ul { 76 | margin: 0; 77 | } 78 | 79 | 80 | /* Mobile Nav Toggle */ 81 | 82 | #mobile-nav-toggle { 83 | position: fixed; 84 | right: 0; 85 | top: 0; 86 | z-index: 999; 87 | margin: 20px 20px 0 0; 88 | border: 0; 89 | background: none; 90 | font-size: 24px; 91 | display: none; 92 | transition: all 0.4s; 93 | outline: none; 94 | cursor: pointer; 95 | } 96 | 97 | #mobile-nav-toggle i { 98 | color: #40EFFC; 99 | } 100 | 101 | @media (max-width: 768px) { 102 | #mobile-nav-toggle { 103 | display: inline; 104 | } 105 | } 106 | 107 | 108 | /* Mobile Nav Styling */ 109 | 110 | #mobile-nav { 111 | position: fixed; 112 | top: 0; 113 | padding-top: 18px; 114 | bottom: 0; 115 | z-index: 998; 116 | background: rgba(52, 59, 64, 0.9); 117 | left: -260px; 118 | width: 260px; 119 | overflow-y: auto; 120 | transition: 0.4s; 121 | } 122 | 123 | #mobile-nav ul { 124 | padding: 0; 125 | margin: 0; 126 | list-style: none; 127 | } 128 | 129 | #mobile-nav ul li { 130 | position: relative; 131 | } 132 | 133 | #mobile-nav ul li a { 134 | color: #fff; 135 | font-size: 16px; 136 | overflow: hidden; 137 | padding: 10px 22px 10px 15px; 138 | position: relative; 139 | text-decoration: none; 140 | width: 100%; 141 | display: block; 142 | outline: none; 143 | } 144 | 145 | #mobile-nav ul li a:hover { 146 | color: #fff; 147 | } 148 | 149 | #mobile-nav ul li li { 150 | padding-left: 30px; 151 | } 152 | 153 | #mobile-nav ul .menu-has-children i { 154 | position: absolute; 155 | right: 0; 156 | z-index: 99; 157 | padding: 15px; 158 | cursor: pointer; 159 | color: #fff; 160 | } 161 | 162 | #mobile-nav ul .menu-has-children i.fa-chevron-up { 163 | color: #40EFFC; 164 | } 165 | 166 | #mobile-nav ul .menu-item-active { 167 | color: #40EFFC; 168 | } 169 | 170 | #mobile-body-overly { 171 | width: 100%; 172 | height: 100%; 173 | z-index: 997; 174 | top: 0; 175 | left: 0; 176 | position: fixed; 177 | background: rgba(52, 59, 64, 0.9); 178 | display: none; 179 | } 180 | 181 | 182 | /* Mobile Nav body classes */ 183 | 184 | body.mobile-nav-active { 185 | overflow: hidden; 186 | } 187 | 188 | body.mobile-nav-active #mobile-nav { 189 | left: 0; 190 | } 191 | 192 | body.mobile-nav-active #mobile-nav-toggle { 193 | color: #fff; 194 | } 195 | 196 | .navbar-nav, 197 | .navbar-nav * { 198 | margin: 0; 199 | padding: 0; 200 | list-style: none; 201 | } 202 | 203 | .navbar-nav ul { 204 | position: absolute; 205 | display: none; 206 | top: 100%; 207 | left: 0; 208 | z-index: 99; 209 | } 210 | 211 | .navbar-nav li { 212 | position: relative; 213 | white-space: nowrap; 214 | } 215 | 216 | .navbar-nav>li { 217 | float: left; 218 | } 219 | 220 | .navbar-nav li:hover>ul, 221 | .navbar-nav li.sfHover>ul { 222 | display: block; 223 | } 224 | 225 | .navbar-nav ul ul { 226 | top: 0; 227 | left: 100%; 228 | } 229 | 230 | .navbar-nav ul li { 231 | min-width: 180px; 232 | } 233 | 234 | .blinking { 235 | animation: blinkingText 1s infinite; 236 | } 237 | 238 | @keyframes blinkingText { 239 | 0% { 240 | color: whitesmoke; 241 | } 242 | 49% { 243 | color: transparent; 244 | } 245 | 50% { 246 | color: transparent; 247 | } 248 | 99% { 249 | color: transparent; 250 | } 251 | 100% { 252 | color: whitesmoke; 253 | } 254 | } 255 | 256 | .navbar-nav>li { 257 | margin-left: 10px; 258 | margin-right: 10px; 259 | } -------------------------------------------------------------------------------- /css/main2.css: -------------------------------------------------------------------------------- 1 | p { 2 | color: whitesmoke; 3 | } 4 | 5 | body { 6 | background-color: #162140; 7 | } 8 | 9 | navbar-nav a { 10 | padding: 0 8px 10px 8px; 11 | text-decoration: none; 12 | display: inline-block; 13 | color: #fff; 14 | font-family: "Poppins", sans-serif; 15 | font-weight: 400; 16 | text-transform: uppercase; 17 | font-size: 13px; 18 | outline: none; 19 | } 20 | 21 | .navbar-nav>li { 22 | margin-left: 10px; 23 | } 24 | 25 | .navbar-nav>li>a:before { 26 | content: ""; 27 | position: absolute; 28 | width: 100%; 29 | height: 2px; 30 | bottom: 0; 31 | left: 0; 32 | background-color: #40EFFC; 33 | visibility: hidden; 34 | -webkit-transform: scaleX(0); 35 | transform: scaleX(0); 36 | -webkit-transition: all 0.3s ease-in-out 0s; 37 | transition: all 0.3s ease-in-out 0s; 38 | } 39 | 40 | .navbar-nav a:hover:before, 41 | .navbar-nav li:hover>a:before, 42 | .navbar-nav .menu-active>a:before { 43 | visibility: visible; 44 | -webkit-transform: scaleX(1); 45 | transform: scaleX(1); 46 | } 47 | 48 | .navbar-nav ul { 49 | margin: 4px 0 0 0; 50 | border: 1px solid #e7e7e7; 51 | } 52 | 53 | .navbar-nav ul li { 54 | background: #fff; 55 | } 56 | 57 | .navbar-nav ul li:first-child { 58 | border-top: 0; 59 | } 60 | 61 | .navbar-nav ul li a { 62 | padding: 10px; 63 | color: #333; 64 | transition: 0.3s; 65 | display: block; 66 | font-size: 13px; 67 | text-transform: none; 68 | } 69 | 70 | .navbar-nav ul li a:hover { 71 | background: #40EFFC; 72 | color: #fff; 73 | } 74 | 75 | .navbar-nav ul ul { 76 | margin: 0; 77 | } 78 | 79 | 80 | /* Mobile Nav Toggle */ 81 | 82 | #mobile-nav-toggle { 83 | position: fixed; 84 | right: 0; 85 | top: 0; 86 | z-index: 999; 87 | margin: 20px 20px 0 0; 88 | border: 0; 89 | background: none; 90 | font-size: 24px; 91 | display: none; 92 | transition: all 0.4s; 93 | outline: none; 94 | cursor: pointer; 95 | } 96 | 97 | #mobile-nav-toggle i { 98 | color: #40EFFC; 99 | } 100 | 101 | @media (max-width: 768px) { 102 | #mobile-nav-toggle { 103 | display: inline; 104 | } 105 | } 106 | 107 | 108 | /* Mobile Nav Styling */ 109 | 110 | #mobile-nav { 111 | position: fixed; 112 | top: 0; 113 | padding-top: 18px; 114 | bottom: 0; 115 | z-index: 998; 116 | background: rgba(52, 59, 64, 0.9); 117 | left: -260px; 118 | width: 260px; 119 | overflow-y: auto; 120 | transition: 0.4s; 121 | } 122 | 123 | #mobile-nav ul { 124 | padding: 0; 125 | margin: 0; 126 | list-style: none; 127 | } 128 | 129 | #mobile-nav ul li { 130 | position: relative; 131 | } 132 | 133 | #mobile-nav ul li a { 134 | color: #fff; 135 | font-size: 16px; 136 | overflow: hidden; 137 | padding: 10px 22px 10px 15px; 138 | position: relative; 139 | text-decoration: none; 140 | width: 100%; 141 | display: block; 142 | outline: none; 143 | } 144 | 145 | #mobile-nav ul li a:hover { 146 | color: #fff; 147 | } 148 | 149 | #mobile-nav ul li li { 150 | padding-left: 30px; 151 | } 152 | 153 | #mobile-nav ul .menu-has-children i { 154 | position: absolute; 155 | right: 0; 156 | z-index: 99; 157 | padding: 15px; 158 | cursor: pointer; 159 | color: #fff; 160 | } 161 | 162 | #mobile-nav ul .menu-has-children i.fa-chevron-up { 163 | color: #40EFFC; 164 | } 165 | 166 | #mobile-nav ul .menu-item-active { 167 | color: #40EFFC; 168 | } 169 | 170 | #mobile-body-overly { 171 | width: 100%; 172 | height: 100%; 173 | z-index: 997; 174 | top: 0; 175 | left: 0; 176 | position: fixed; 177 | background: rgba(52, 59, 64, 0.9); 178 | display: none; 179 | } 180 | 181 | 182 | /* Mobile Nav body classes */ 183 | 184 | body.mobile-nav-active { 185 | overflow: hidden; 186 | } 187 | 188 | body.mobile-nav-active #mobile-nav { 189 | left: 0; 190 | } 191 | 192 | body.mobile-nav-active #mobile-nav-toggle { 193 | color: #fff; 194 | } 195 | 196 | .navbar-nav, 197 | .navbar-nav * { 198 | margin: 0; 199 | padding: 0; 200 | list-style: none; 201 | } 202 | 203 | .navbar-nav ul { 204 | position: absolute; 205 | display: none; 206 | top: 100%; 207 | left: 0; 208 | z-index: 99; 209 | } 210 | 211 | .navbar-nav li { 212 | position: relative; 213 | white-space: nowrap; 214 | } 215 | 216 | .navbar-nav>li { 217 | float: left; 218 | } 219 | 220 | .navbar-nav li:hover>ul, 221 | .navbar-nav li.sfHover>ul { 222 | display: block; 223 | } 224 | 225 | .navbar-nav ul ul { 226 | top: 0; 227 | left: 100%; 228 | } 229 | 230 | .navbar-nav ul li { 231 | min-width: 180px; 232 | } 233 | 234 | .blinking { 235 | animation: blinkingText 1s infinite; 236 | } 237 | 238 | @keyframes blinkingText { 239 | 0% { 240 | color: whitesmoke; 241 | } 242 | 49% { 243 | color: transparent; 244 | } 245 | 50% { 246 | color: transparent; 247 | } 248 | 99% { 249 | color: transparent; 250 | } 251 | 100% { 252 | color: whitesmoke; 253 | } 254 | } 255 | 256 | .navbar-nav>li { 257 | margin-left: 10px; 258 | margin-right: 10px; 259 | } -------------------------------------------------------------------------------- /css/nice-select.css: -------------------------------------------------------------------------------- 1 | .nice-select { 2 | -webkit-tap-highlight-color: transparent; 3 | background-color: #fff; 4 | border-radius: 5px; 5 | border: solid 1px #e8e8e8; 6 | box-sizing: border-box; 7 | clear: both; 8 | cursor: pointer; 9 | display: block; 10 | float: left; 11 | font-family: inherit; 12 | font-size: 14px; 13 | font-weight: normal; 14 | height: 42px; 15 | line-height: 40px; 16 | outline: none; 17 | padding-left: 18px; 18 | padding-right: 30px; 19 | position: relative; 20 | text-align: left !important; 21 | -webkit-transition: all 0.2s ease-in-out; 22 | transition: all 0.2s ease-in-out; 23 | -webkit-user-select: none; 24 | -moz-user-select: none; 25 | -ms-user-select: none; 26 | user-select: none; 27 | white-space: nowrap; 28 | width: auto; } 29 | .nice-select:hover { 30 | border-color: #dbdbdb; } 31 | .nice-select:active, .nice-select.open, .nice-select:focus { 32 | border-color: #999; } 33 | .nice-select:after { 34 | border-bottom: 2px solid #999; 35 | border-right: 2px solid #999; 36 | content: ''; 37 | display: block; 38 | height: 10px; 39 | margin-top: -4px; 40 | pointer-events: none; 41 | position: absolute; 42 | right: 12px; 43 | top: 50%; 44 | -webkit-transform-origin: 66% 66%; 45 | -ms-transform-origin: 66% 66%; 46 | transform-origin: 66% 66%; 47 | -webkit-transform: rotate(45deg); 48 | -ms-transform: rotate(45deg); 49 | transform: rotate(45deg); 50 | -webkit-transition: all 0.15s ease-in-out; 51 | transition: all 0.15s ease-in-out; 52 | width: 10px; } 53 | .nice-select.open:after { 54 | -webkit-transform: rotate(-135deg); 55 | -ms-transform: rotate(-135deg); 56 | transform: rotate(-135deg); } 57 | .nice-select.open .list { 58 | opacity: 1; 59 | pointer-events: auto; 60 | -webkit-transform: scale(1) translateY(0); 61 | -ms-transform: scale(1) translateY(0); 62 | transform: scale(1) translateY(0); } 63 | .nice-select.disabled { 64 | border-color: #ededed; 65 | color: #999; 66 | pointer-events: none; } 67 | .nice-select.disabled:after { 68 | border-color: #cccccc; } 69 | .nice-select.wide { 70 | width: 100%; } 71 | .nice-select.wide .list { 72 | left: 0 !important; 73 | right: 0 !important; } 74 | .nice-select.right { 75 | float: right; } 76 | .nice-select.right .list { 77 | left: auto; 78 | right: 0; } 79 | .nice-select.small { 80 | font-size: 12px; 81 | height: 36px; 82 | line-height: 34px; } 83 | .nice-select.small:after { 84 | height: 4px; 85 | width: 4px; } 86 | .nice-select.small .option { 87 | line-height: 34px; 88 | min-height: 34px; } 89 | .nice-select .list { 90 | background-color: #fff; 91 | border-radius: 5px; 92 | box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); 93 | box-sizing: border-box; 94 | margin-top: 4px; 95 | opacity: 0; 96 | overflow: hidden; 97 | padding: 0; 98 | pointer-events: none; 99 | position: absolute; 100 | top: 100%; 101 | left: 0; 102 | -webkit-transform-origin: 50% 0; 103 | -ms-transform-origin: 50% 0; 104 | transform-origin: 50% 0; 105 | -webkit-transform: scale(0.75) translateY(-21px); 106 | -ms-transform: scale(0.75) translateY(-21px); 107 | transform: scale(0.75) translateY(-21px); 108 | -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; 109 | transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; 110 | z-index: 9; } 111 | .nice-select .list:hover .option:not(:hover) { 112 | background-color: transparent !important; } 113 | .nice-select .option { 114 | cursor: pointer; 115 | font-weight: 400; 116 | line-height: 40px; 117 | list-style: none; 118 | min-height: 40px; 119 | outline: none; 120 | padding-left: 18px; 121 | padding-right: 29px; 122 | text-align: left; 123 | -webkit-transition: all 0.2s; 124 | transition: all 0.2s; } 125 | .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { 126 | background-color: #f6f6f6; } 127 | .nice-select .option.selected { 128 | font-weight: bold; } 129 | .nice-select .option.disabled { 130 | background-color: transparent; 131 | color: #999; 132 | cursor: default; } 133 | 134 | .no-csspointerevents .nice-select .list { 135 | display: none; } 136 | 137 | .no-csspointerevents .nice-select.open .list { 138 | display: block; } 139 | -------------------------------------------------------------------------------- /css/owl.carousel.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.3.4 3 | * Copyright 2013-2018 David Deutsch 4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 5 | */ 6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} -------------------------------------------------------------------------------- /css/slick.css: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | .slick-slider 3 | { 4 | position: relative; 5 | 6 | display: block; 7 | 8 | -moz-box-sizing: border-box; 9 | box-sizing: border-box; 10 | 11 | -webkit-user-select: none; 12 | -moz-user-select: none; 13 | -ms-user-select: none; 14 | user-select: none; 15 | 16 | -webkit-touch-callout: none; 17 | -khtml-user-select: none; 18 | -ms-touch-action: pan-y; 19 | touch-action: pan-y; 20 | -webkit-tap-highlight-color: transparent; 21 | } 22 | 23 | .slick-list 24 | { 25 | position: relative; 26 | 27 | display: block; 28 | overflow: hidden; 29 | 30 | margin: 0; 31 | padding: 0; 32 | } 33 | .slick-list:focus 34 | { 35 | outline: none; 36 | } 37 | .slick-list.dragging 38 | { 39 | cursor: pointer; 40 | cursor: hand; 41 | } 42 | 43 | .slick-slider .slick-track, 44 | .slick-slider .slick-list 45 | { 46 | -webkit-transform: translate3d(0, 0, 0); 47 | -moz-transform: translate3d(0, 0, 0); 48 | -ms-transform: translate3d(0, 0, 0); 49 | -o-transform: translate3d(0, 0, 0); 50 | transform: translate3d(0, 0, 0); 51 | } 52 | 53 | .slick-track 54 | { 55 | position: relative; 56 | top: 0; 57 | left: 0; 58 | 59 | display: block; 60 | } 61 | .slick-track:before, 62 | .slick-track:after 63 | { 64 | display: table; 65 | 66 | content: ''; 67 | } 68 | .slick-track:after 69 | { 70 | clear: both; 71 | } 72 | .slick-loading .slick-track 73 | { 74 | visibility: hidden; 75 | } 76 | 77 | .slick-slide 78 | { 79 | display: none; 80 | float: left; 81 | 82 | height: 100%; 83 | min-height: 1px; 84 | } 85 | [dir='rtl'] .slick-slide 86 | { 87 | float: right; 88 | } 89 | .slick-slide img 90 | { 91 | display: block; 92 | } 93 | .slick-slide.slick-loading img 94 | { 95 | display: none; 96 | } 97 | .slick-slide.dragging img 98 | { 99 | pointer-events: none; 100 | } 101 | .slick-initialized .slick-slide 102 | { 103 | display: block; 104 | } 105 | .slick-loading .slick-slide 106 | { 107 | visibility: hidden; 108 | } 109 | .slick-vertical .slick-slide 110 | { 111 | display: block; 112 | 113 | height: auto; 114 | 115 | border: 1px solid transparent; 116 | } -------------------------------------------------------------------------------- /img/6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/6.jpeg -------------------------------------------------------------------------------- /img/dsc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/dsc.png -------------------------------------------------------------------------------- /img/flat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/flat.png -------------------------------------------------------------------------------- /img/flat2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/flat2.png -------------------------------------------------------------------------------- /img/flat3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/flat3.png -------------------------------------------------------------------------------- /img/flutter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/flutter.png -------------------------------------------------------------------------------- /img/icon_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_1.png -------------------------------------------------------------------------------- /img/icon_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_2.png -------------------------------------------------------------------------------- /img/icon_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_3.png -------------------------------------------------------------------------------- /img/icon_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_4.png -------------------------------------------------------------------------------- /img/icon_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_5.png -------------------------------------------------------------------------------- /img/icon_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_7.png -------------------------------------------------------------------------------- /img/icon_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_8.png -------------------------------------------------------------------------------- /img/icon_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/icon_9.png -------------------------------------------------------------------------------- /img/lg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/lg.png -------------------------------------------------------------------------------- /img/tcf.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/img/tcf.jpg -------------------------------------------------------------------------------- /js/contact.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | (function($) { 4 | "use strict"; 5 | 6 | 7 | jQuery.validator.addMethod('answercheck', function (value, element) { 8 | return this.optional(element) || /^\bcat\b$/.test(value) 9 | }, "type the correct answer -_-"); 10 | 11 | // validate contactForm form 12 | $(function() { 13 | $('#contactForm').validate({ 14 | rules: { 15 | name: { 16 | required: true, 17 | minlength: 2 18 | }, 19 | subject: { 20 | required: true, 21 | minlength: 4 22 | }, 23 | number: { 24 | required: true, 25 | minlength: 5 26 | }, 27 | email: { 28 | required: true, 29 | email: true 30 | }, 31 | message: { 32 | required: true, 33 | minlength: 20 34 | } 35 | }, 36 | messages: { 37 | name: { 38 | required: "come on, you have a name, don't you?", 39 | minlength: "your name must consist of at least 2 characters" 40 | }, 41 | subject: { 42 | required: "come on, you have a subject, don't you?", 43 | minlength: "your subject must consist of at least 4 characters" 44 | }, 45 | number: { 46 | required: "come on, you have a number, don't you?", 47 | minlength: "your Number must consist of at least 5 characters" 48 | }, 49 | email: { 50 | required: "no email, no message" 51 | }, 52 | message: { 53 | required: "um...yea, you have to write something to send this form.", 54 | minlength: "thats all? really?" 55 | } 56 | }, 57 | submitHandler: function(form) { 58 | $(form).ajaxSubmit({ 59 | type:"POST", 60 | data: $(form).serialize(), 61 | url:"contact_process.php", 62 | success: function() { 63 | $('#contactForm :input').attr('disabled', 'disabled'); 64 | $('#contactForm').fadeTo( "slow", 1, function() { 65 | $(this).find(':input').attr('disabled', 'disabled'); 66 | $(this).find('label').css('cursor','default'); 67 | $('#success').fadeIn() 68 | $('.modal').modal('hide'); 69 | $('#success').modal('show'); 70 | }) 71 | }, 72 | error: function() { 73 | $('#contactForm').fadeTo( "slow", 1, function() { 74 | $('#error').fadeIn() 75 | $('.modal').modal('hide'); 76 | $('#error').modal('show'); 77 | }) 78 | } 79 | }) 80 | } 81 | }) 82 | }) 83 | 84 | })(jQuery) 85 | }) -------------------------------------------------------------------------------- /js/custom.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | "use strict"; 3 | $(window).scroll(function () { 4 | var window_top = $(window).scrollTop() + 1; 5 | if (window_top > 50) { 6 | $('.main_menu').addClass('menu_fixed animated fadeInDown'); 7 | } else { 8 | $('.main_menu').removeClass('menu_fixed animated fadeInDown'); 9 | } 10 | }); 11 | 12 | $(".popup-youtube, .popup-vimeo").magnificPopup({ 13 | // disableOn: 700, 14 | type: "iframe", 15 | mainClass: "mfp-fade", 16 | removalDelay: 160, 17 | preloader: false, 18 | fixedContentPos: false 19 | }); 20 | 21 | $(document).ready(function() { 22 | $("select").niceSelect(); 23 | }); 24 | 25 | var client_logo = $(".client_logo_slider"); 26 | if (client_logo.length) { 27 | client_logo.owlCarousel({ 28 | items: 6, 29 | loop: true, 30 | responsive: { 31 | 0: { 32 | items: 3, 33 | margin: 15 34 | }, 35 | 600: { 36 | items: 3, 37 | margin: 15 38 | }, 39 | 991: { 40 | items: 5, 41 | margin: 15 42 | }, 43 | 1200: { 44 | items: 6, 45 | margin: 15 46 | } 47 | } 48 | }); 49 | } 50 | 51 | $(window).on("load", function() { 52 | if (document.getElementById("portfolio")) { 53 | var $workGrid = $(".portfolio-grid").isotope({ 54 | itemSelector: ".all" 55 | }); 56 | } 57 | 58 | $(".portfolio-filter ul li").on("click", function() { 59 | $(".portfolio-filter ul li").removeClass("active"); 60 | $(this).addClass("active"); 61 | 62 | var data = $(this).attr("data-filter"); 63 | $workGrid.isotope({ 64 | filter: data 65 | }); 66 | }); 67 | 68 | var review = $(".review_part_text"); 69 | if (review.length) { 70 | review.owlCarousel({ 71 | items: 2, 72 | loop: true, 73 | dots: true, 74 | autoplay: true, 75 | margin: 40, 76 | autoplayHoverPause: true, 77 | autoplayTimeout: 5000, 78 | nav: false, 79 | responsive: { 80 | 0: { 81 | items: 1 82 | }, 83 | 480: { 84 | items: 1 85 | }, 86 | 768: { 87 | items: 2 88 | } 89 | } 90 | }); 91 | } 92 | 93 | $(".popup-youtube, .popup-vimeo").magnificPopup({ 94 | // disableOn: 700, 95 | type: "iframe", 96 | mainClass: "mfp-fade", 97 | removalDelay: 160, 98 | preloader: false, 99 | fixedContentPos: false 100 | }); 101 | }); 102 | 103 | })(jQuery); 104 | -------------------------------------------------------------------------------- /js/jquery.ajaxchimp.min.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | 'use strict'; 3 | 4 | $.ajaxChimp = { 5 | responses: { 6 | 'We have sent you a confirmation email' : 0, 7 | 'Please enter a valid email' : 1, 8 | 'An email address must contain a single @' : 2, 9 | 'The domain portion of the email address is invalid (the portion after the @: )' : 3, 10 | 'The username portion of the email address is invalid (the portion before the @: )' : 4, 11 | 'This email address looks fake or invalid. Please enter a real email address' : 5 12 | }, 13 | translations: { 14 | 'en': null 15 | }, 16 | init: function (selector, options) { 17 | $(selector).ajaxChimp(options); 18 | } 19 | }; 20 | 21 | $.fn.ajaxChimp = function (options) { 22 | $(this).each(function(i, elem) { 23 | var form = $(elem); 24 | var email = form.find('input[type=email]'); 25 | var label = form.find('.info'); 26 | 27 | var settings = $.extend({ 28 | 'url': form.attr('action'), 29 | 'language': 'en' 30 | }, options); 31 | 32 | var url = settings.url.replace('/post?', '/post-json?').concat('&c=?'); 33 | 34 | form.attr('novalidate', 'true'); 35 | email.attr('name', 'EMAIL'); 36 | 37 | form.submit(function () { 38 | var msg; 39 | function successCallback(resp) { 40 | if (resp.result === 'success') { 41 | msg = 'We have sent you a confirmation email'; 42 | label.removeClass('error').addClass('valid'); 43 | email.removeClass('error').addClass('valid'); 44 | } else { 45 | email.removeClass('valid').addClass('error'); 46 | label.removeClass('valid').addClass('error'); 47 | var index = -1; 48 | try { 49 | var parts = resp.msg.split(' - ', 2); 50 | if (parts[1] === undefined) { 51 | msg = resp.msg; 52 | } else { 53 | var i = parseInt(parts[0], 10); 54 | if (i.toString() === parts[0]) { 55 | index = parts[0]; 56 | msg = parts[1]; 57 | } else { 58 | index = -1; 59 | msg = resp.msg; 60 | } 61 | } 62 | } 63 | catch (e) { 64 | index = -1; 65 | msg = resp.msg; 66 | } 67 | } 68 | 69 | // Translate and display message 70 | if ( 71 | settings.language !== 'en' 72 | && $.ajaxChimp.responses[msg] !== undefined 73 | && $.ajaxChimp.translations 74 | && $.ajaxChimp.translations[settings.language] 75 | && $.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]] 76 | ) { 77 | msg = $.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]; 78 | } 79 | label.html(msg); 80 | 81 | label.show(2000); 82 | if (settings.callback) { 83 | settings.callback(resp); 84 | } 85 | } 86 | 87 | var data = {}; 88 | var dataArray = form.serializeArray(); 89 | $.each(dataArray, function (index, item) { 90 | data[item.name] = item.value; 91 | }); 92 | 93 | $.ajax({ 94 | url: url, 95 | data: data, 96 | success: successCallback, 97 | dataType: 'jsonp', 98 | error: function (resp, text) { 99 | console.log('mailchimp ajax submit error: ' + text); 100 | } 101 | }); 102 | 103 | // Translate and display submit message 104 | var submitMsg = 'Submitting...'; 105 | if( 106 | settings.language !== 'en' 107 | && $.ajaxChimp.translations 108 | && $.ajaxChimp.translations[settings.language] 109 | && $.ajaxChimp.translations[settings.language]['submit'] 110 | ) { 111 | submitMsg = $.ajaxChimp.translations[settings.language]['submit']; 112 | } 113 | label.html(submitMsg).show(2000); 114 | 115 | return false; 116 | }); 117 | }); 118 | return this; 119 | }; 120 | })(jQuery); -------------------------------------------------------------------------------- /js/jquery.counterup.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jquery.counterup.min.js 1.0 3 | * 4 | * Copyright 2013, Benjamin Intal http://gambit.ph @bfintal 5 | * Released under the GPL v2 License 6 | * 7 | * Date: Nov 26, 2013 8 | */(function(e){"use strict";e.fn.counterUp=function(t){var n=e.extend({time:400,delay:10},t);return this.each(function(){var t=e(this),r=n,i=function(){var e=[],n=r.time/r.delay,i=t.text(),s=/[0-9]+,[0-9]+/.test(i);i=i.replace(/,/g,"");var o=/^[0-9]+$/.test(i),u=/^[0-9]+\.[0-9]+$/.test(i),a=u?(i.split(".")[1]||[]).length:0;for(var f=n;f>=1;f--){var l=parseInt(i/n*f);u&&(l=parseFloat(i/n*f).toFixed(a));if(s)while(/(\d+)(\d{3})/.test(l.toString()))l=l.toString().replace(/(\d+)(\d{3})/,"$1,$2");e.unshift(l)}t.data("counterup-nums",e);t.text("0");var c=function(){t.text(t.data("counterup-nums").shift());if(t.data("counterup-nums").length)setTimeout(t.data("counterup-func"),r.delay);else{delete t.data("counterup-nums");t.data("counterup-nums",null);t.data("counterup-func",null)}};t.data("counterup-func",c);setTimeout(t.data("counterup-func"),r.delay)};t.waypoint(i,{offset:"100%",triggerOnce:!0})})}})(jQuery); -------------------------------------------------------------------------------- /js/jquery.easing.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ 3 | * 4 | * Uses the built in easing capabilities added In jQuery 1.1 5 | * to offer multiple easing options 6 | * 7 | * TERMS OF USE - EASING EQUATIONS 8 | * 9 | * Open source under the BSD License. 10 | * 11 | * Copyright Ã‚Â© 2001 Robert Penner 12 | * All rights reserved. 13 | * 14 | * TERMS OF USE - jQuery Easing 15 | * 16 | * Open source under the BSD License. 17 | * 18 | * Copyright Ã‚Â© 2008 George McGinley Smith 19 | * All rights reserved. 20 | * 21 | * Redistribution and use in source and binary forms, with or without modification, 22 | * are permitted provided that the following conditions are met: 23 | * 24 | * Redistributions of source code must retain the above copyright notice, this list of 25 | * conditions and the following disclaimer. 26 | * Redistributions in binary form must reproduce the above copyright notice, this list 27 | * of conditions and the following disclaimer in the documentation and/or other materials 28 | * provided with the distribution. 29 | * 30 | * Neither the name of the author nor the names of contributors may be used to endorse 31 | * or promote products derived from this software without specific prior written permission. 32 | * 33 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 34 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 35 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE 36 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 37 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE 38 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 39 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 40 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 41 | * OF THE POSSIBILITY OF SUCH DAMAGE. 42 | * 43 | */ 44 | jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g").addClass("nice-select").addClass(t.attr("class")||"").addClass(t.attr("disabled")?"disabled":"").attr("tabindex",t.attr("disabled")?null:"0").html('

'));var s=t.next(),n=t.find("option"),i=t.find("option:selected");s.find(".current").html(i.data("display")||i.text()),n.each(function(t){var n=e(this),i=n.data("display");s.find("ul").append(e("

").attr("data-value",n.val()).attr("data-display",i||null).addClass("option"+(n.is(":selected")?" selected":"")+(n.is(":disabled")?" disabled":"")).html(n.text()))})}if("string"==typeof t)return"update"==t?this.each(function(){var t=e(this),n=e(this).next(".nice-select"),i=n.hasClass("open");n.length&&(n.remove(),s(t),i&&t.next().trigger("click"))}):"destroy"==t?(this.each(function(){var t=e(this),s=e(this).next(".nice-select");s.length&&(s.remove(),t.css("display",""))}),0==e(".nice-select").length&&e(document).off(".nice_select")):console.log('Method "'+t+'" does not exist.'),this;this.hide(),this.each(function(){var t=e(this);t.next().hasClass("nice-select")||s(t)}),e(document).off(".nice_select"),e(document).on("click.nice_select",".nice-select",function(t){var s=e(this);e(".nice-select").not(s).removeClass("open"),s.toggleClass("open"),s.hasClass("open")?(s.find(".option"),s.find(".focus").removeClass("focus"),s.find(".selected").addClass("focus")):s.focus()}),e(document).on("click.nice_select",function(t){0===e(t.target).closest(".nice-select").length&&e(".nice-select").removeClass("open").find(".option")}),e(document).on("click.nice_select",".nice-select .option:not(.disabled)",function(t){var s=e(this),n=s.closest(".nice-select");n.find(".selected").removeClass("selected"),s.addClass("selected");var i=s.data("display")||s.text();n.find(".current").text(i),n.prev("select").val(s.data("value")).trigger("change")}),e(document).on("keydown.nice_select",".nice-select",function(t){var s=e(this),n=e(s.find(".focus")||s.find(".list .option.selected"));if(32==t.keyCode||13==t.keyCode)return s.hasClass("open")?n.trigger("click"):s.trigger("click"),!1;if(40==t.keyCode){if(s.hasClass("open")){var i=n.nextAll(".option:not(.disabled)").first();i.length>0&&(s.find(".focus").removeClass("focus"),i.addClass("focus"))}else s.trigger("click");return!1}if(38==t.keyCode){if(s.hasClass("open")){var l=n.prevAll(".option:not(.disabled)").first();l.length>0&&(s.find(".focus").removeClass("focus"),l.addClass("focus"))}else s.trigger("click");return!1}if(27==t.keyCode)s.hasClass("open")&&s.trigger("click");else if(9==t.keyCode&&s.hasClass("open"))return!1});var n=document.createElement("a").style;return n.cssText="pointer-events:auto","auto"!==n.pointerEvents&&e("html").addClass("no-csspointerevents"),this}}(jQuery); -------------------------------------------------------------------------------- /js/mail-script.js: -------------------------------------------------------------------------------- 1 | // ------- Mail Send ajax 2 | 3 | $(document).ready(function() { 4 | var form = $('#myForm'); // contact form 5 | var submit = $('.submit-btn'); // submit button 6 | var alert = $('.alert-msg'); // alert div for show alert message 7 | 8 | // form submit event 9 | form.on('submit', function(e) { 10 | e.preventDefault(); // prevent default form submit 11 | 12 | $.ajax({ 13 | url: 'mail.php', // form action url 14 | type: 'POST', // form submit method get/post 15 | dataType: 'html', // request type html/json/xml 16 | data: form.serialize(), // serialize form data 17 | beforeSend: function() { 18 | alert.fadeOut(); 19 | submit.html('Sending....'); // change submit button text 20 | }, 21 | success: function(data) { 22 | alert.html(data).fadeIn(); // fade in response data 23 | form.trigger('reset'); // reset form 24 | submit.attr("style", "display: none !important");; // reset submit button text 25 | }, 26 | error: function(e) { 27 | console.log(e) 28 | } 29 | }); 30 | }); 31 | }); -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | jQuery(document).ready(function( $ ) { 2 | 3 | // Header fixed and Back to top button 4 | $(window).scroll(function() { 5 | if ($(this).scrollTop() > 100) { 6 | $('.back-to-top').fadeIn('slow'); 7 | $('#header').addClass('header-fixed'); 8 | } else { 9 | $('.back-to-top').fadeOut('slow'); 10 | $('#header').removeClass('header-fixed'); 11 | } 12 | }); 13 | $('.back-to-top').click(function(){ 14 | $('html, body').animate({scrollTop : 0},1500, 'easeInOutExpo'); 15 | return false; 16 | }); 17 | 18 | // Initiate the wowjs 19 | new WOW().init(); 20 | 21 | // Initiate superfish on nav menu 22 | $('.nav-menu').superfish({ 23 | animation: {opacity:'show'}, 24 | speed: 400 25 | }); 26 | 27 | // Mobile Navigation 28 | if( $('#nav-menu-container').length ) { 29 | var $mobile_nav = $('#nav-menu-container').clone().prop({ id: 'mobile-nav'}); 30 | $mobile_nav.find('> ul').attr({ 'class' : '', 'id' : '' }); 31 | $('body').append( $mobile_nav ); 32 | $('body').prepend( '' ); 33 | $('body').append( '

' ); 34 | $('#mobile-nav').find('.menu-has-children').prepend(''); 35 | 36 | $(document).on('click', '.menu-has-children i', function(e){ 37 | $(this).next().toggleClass('menu-item-active'); 38 | $(this).nextAll('ul').eq(0).slideToggle(); 39 | $(this).toggleClass("fa-chevron-up fa-chevron-down"); 40 | }); 41 | 42 | $(document).on('click', '#mobile-nav-toggle', function(e){ 43 | $('body').toggleClass('mobile-nav-active'); 44 | $('#mobile-nav-toggle i').toggleClass('fa-times fa-bars'); 45 | $('#mobile-body-overly').toggle(); 46 | }); 47 | 48 | $(document).click(function (e) { 49 | var container = $("#mobile-nav, #mobile-nav-toggle"); 50 | if (!container.is(e.target) && container.has(e.target).length === 0) { 51 | if ( $('body').hasClass('mobile-nav-active') ) { 52 | $('body').removeClass('mobile-nav-active'); 53 | $('#mobile-nav-toggle i').toggleClass('fa-times fa-bars'); 54 | $('#mobile-body-overly').fadeOut(); 55 | } 56 | } 57 | }); 58 | } else if ( $("#mobile-nav, #mobile-nav-toggle").length ) { 59 | $("#mobile-nav, #mobile-nav-toggle").hide(); 60 | } 61 | 62 | // Smoth scroll on page hash links 63 | $('a[href*="#"]:not([href="#"])').on('click', function() { 64 | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 65 | 66 | var target = $(this.hash); 67 | if (target.length) { 68 | var top_space = 0; 69 | 70 | if( $('#header').length ) { 71 | top_space = $('#header').outerHeight(); 72 | 73 | if( ! $('#header').hasClass('header-fixed') ) { 74 | top_space = top_space - 20; 75 | } 76 | } 77 | 78 | $('html, body').animate({ 79 | scrollTop: target.offset().top - top_space 80 | }, 1500, 'easeInOutExpo'); 81 | 82 | if ( $(this).parents('.nav-menu').length ) { 83 | $('.nav-menu .menu-active').removeClass('menu-active'); 84 | $(this).closest('li').addClass('menu-active'); 85 | } 86 | 87 | if ( $('body').hasClass('mobile-nav-active') ) { 88 | $('body').removeClass('mobile-nav-active'); 89 | $('#mobile-nav-toggle i').toggleClass('fa-times fa-bars'); 90 | $('#mobile-body-overly').fadeOut(); 91 | } 92 | return false; 93 | } 94 | } 95 | }); 96 | 97 | // Porfolio filter 98 | $("#portfolio-flters li").click ( function() { 99 | $("#portfolio-flters li").removeClass('filter-active'); 100 | $(this).addClass('filter-active'); 101 | 102 | var selectedFilter = $(this).data("filter"); 103 | $("#portfolio-wrapper").fadeTo(100, 0); 104 | 105 | $(".portfolio-item").fadeOut().css('transform', 'scale(0)'); 106 | 107 | setTimeout(function() { 108 | $(selectedFilter).fadeIn(100).css('transform', 'scale(1)'); 109 | $("#portfolio-wrapper").fadeTo(300, 1); 110 | }, 300); 111 | }); 112 | 113 | // jQuery counterUp 114 | $('[data-toggle="counter-up"]').counterUp({ 115 | delay: 10, 116 | time: 1000 117 | }); 118 | 119 | }); -------------------------------------------------------------------------------- /js/swiper_custom.js: -------------------------------------------------------------------------------- 1 | // swiper js code start 2 | var galleryTop = new Swiper('.gallery-top', { 3 | spaceBetween: 0, 4 | 5 | navigation: { 6 | nextEl: '.navigationHide', 7 | prevEl: '.navigationHide', 8 | }, 9 | // autoplay: true, 10 | loop: true, 11 | loopedSlides: 4 12 | }); 13 | var galleryThumbs = new Swiper('.gallery-thumbs', { 14 | spaceBetween: 0, 15 | centeredSlides: true, 16 | slidesPerView: 4, 17 | touchRatio: 0.2, 18 | slideToClickedSlide: true, 19 | loop: true, 20 | loopedSlides: 4 21 | }); 22 | galleryTop.controller.control = galleryThumbs; 23 | galleryThumbs.controller.control = galleryTop; 24 | // swiper js code end -------------------------------------------------------------------------------- /js/waypoints.min.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.6.2 2 | /* 3 | jQuery Waypoints - v2.0.3 4 | Copyright (c) 2011-2013 Caleb Troughton 5 | Dual licensed under the MIT license and GPL license. 6 | https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt 7 | */ 8 | (function(){var t=[].indexOf||function(t){for(var e=0,n=this.length;e=0;s={horizontal:{},vertical:{}};f=1;a={};u="waypoints-context-id";p="resize.waypoints";y="scroll.waypoints";v=1;w="waypoints-waypoint-ids";g="waypoint";m="waypoints";o=function(){function t(t){var e=this;this.$element=t;this.element=t[0];this.didResize=false;this.didScroll=false;this.id="context"+f++;this.oldScroll={x:t.scrollLeft(),y:t.scrollTop()};this.waypoints={horizontal:{},vertical:{}};t.data(u,this.id);a[this.id]=this;t.bind(y,function(){var t;if(!(e.didScroll||c)){e.didScroll=true;t=function(){e.doScroll();return e.didScroll=false};return r.setTimeout(t,n[m].settings.scrollThrottle)}});t.bind(p,function(){var t;if(!e.didResize){e.didResize=true;t=function(){n[m]("refresh");return e.didResize=false};return r.setTimeout(t,n[m].settings.resizeThrottle)}})}t.prototype.doScroll=function(){var t,e=this;t={horizontal:{newScroll:this.$element.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.$element.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};if(c&&(!t.vertical.oldScroll||!t.vertical.newScroll)){n[m]("refresh")}n.each(t,function(t,r){var i,o,l;l=[];o=r.newScroll>r.oldScroll;i=o?r.forward:r.backward;n.each(e.waypoints[t],function(t,e){var n,i;if(r.oldScroll<(n=e.offset)&&n<=r.newScroll){return l.push(e)}else if(r.newScroll<(i=e.offset)&&i<=r.oldScroll){return l.push(e)}});l.sort(function(t,e){return t.offset-e.offset});if(!o){l.reverse()}return n.each(l,function(t,e){if(e.options.continuous||t===l.length-1){return e.trigger([i])}})});return this.oldScroll={x:t.horizontal.newScroll,y:t.vertical.newScroll}};t.prototype.refresh=function(){var t,e,r,i=this;r=n.isWindow(this.element);e=this.$element.offset();this.doScroll();t={horizontal:{contextOffset:r?0:e.left,contextScroll:r?0:this.oldScroll.x,contextDimension:this.$element.width(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:r?0:e.top,contextScroll:r?0:this.oldScroll.y,contextDimension:r?n[m]("viewportHeight"):this.$element.height(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};return n.each(t,function(t,e){return n.each(i.waypoints[t],function(t,r){var i,o,l,s,f;i=r.options.offset;l=r.offset;o=n.isWindow(r.element)?0:r.$element.offset()[e.offsetProp];if(n.isFunction(i)){i=i.apply(r.element)}else if(typeof i==="string"){i=parseFloat(i);if(r.options.offset.indexOf("%")>-1){i=Math.ceil(e.contextDimension*i/100)}}r.offset=o-e.contextOffset+e.contextScroll-i;if(r.options.onlyOnScroll&&l!=null||!r.enabled){return}if(l!==null&&l<(s=e.oldScroll)&&s<=r.offset){return r.trigger([e.backward])}else if(l!==null&&l>(f=e.oldScroll)&&f>=r.offset){return r.trigger([e.forward])}else if(l===null&&e.oldScroll>=r.offset){return r.trigger([e.forward])}})})};t.prototype.checkEmpty=function(){if(n.isEmptyObject(this.waypoints.horizontal)&&n.isEmptyObject(this.waypoints.vertical)){this.$element.unbind([p,y].join(" "));return delete a[this.id]}};return t}();l=function(){function t(t,e,r){var i,o;r=n.extend({},n.fn[g].defaults,r);if(r.offset==="bottom-in-view"){r.offset=function(){var t;t=n[m]("viewportHeight");if(!n.isWindow(e.element)){t=e.$element.height()}return t-n(this).outerHeight()}}this.$element=t;this.element=t[0];this.axis=r.horizontal?"horizontal":"vertical";this.callback=r.handler;this.context=e;this.enabled=r.enabled;this.id="waypoints"+v++;this.offset=null;this.options=r;e.waypoints[this.axis][this.id]=this;s[this.axis][this.id]=this;i=(o=t.data(w))!=null?o:[];i.push(this.id);t.data(w,i)}t.prototype.trigger=function(t){if(!this.enabled){return}if(this.callback!=null){this.callback.apply(this.element,t)}if(this.options.triggerOnce){return this.destroy()}};t.prototype.disable=function(){return this.enabled=false};t.prototype.enable=function(){this.context.refresh();return this.enabled=true};t.prototype.destroy=function(){delete s[this.axis][this.id];delete this.context.waypoints[this.axis][this.id];return this.context.checkEmpty()};t.getWaypointsByElement=function(t){var e,r;r=n(t).data(w);if(!r){return[]}e=n.extend({},s.horizontal,s.vertical);return n.map(r,function(t){return e[t]})};return t}();d={init:function(t,e){var r;if(e==null){e={}}if((r=e.handler)==null){e.handler=t}this.each(function(){var t,r,i,s;t=n(this);i=(s=e.context)!=null?s:n.fn[g].defaults.context;if(!n.isWindow(i)){i=t.closest(i)}i=n(i);r=a[i.data(u)];if(!r){r=new o(i)}return new l(t,r,e)});n[m]("refresh");return this},disable:function(){return d._invoke(this,"disable")},enable:function(){return d._invoke(this,"enable")},destroy:function(){return d._invoke(this,"destroy")},prev:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(e>0){return t.push(n[e-1])}})},next:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(et.oldScroll.y})},left:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset<=t.oldScroll.x})},right:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset>t.oldScroll.x})},enable:function(){return h._invoke("enable")},disable:function(){return h._invoke("disable")},destroy:function(){return h._invoke("destroy")},extendFn:function(t,e){return d[t]=e},_invoke:function(t){var e;e=n.extend({},s.vertical,s.horizontal);return n.each(e,function(e,n){n[t]();return true})},_filter:function(t,e,r){var i,o;i=a[n(t).data(u)];if(!i){return[]}o=[];n.each(i.waypoints[e],function(t,e){if(r(i,e)){return o.push(e)}});o.sort(function(t,e){return t.offset-e.offset});return n.map(o,function(t){return t.element})}};n[m]=function(){var t,n;n=arguments[0],t=2<=arguments.length?e.call(arguments,1):[];if(h[n]){return h[n].apply(null,t)}else{return h.aggregate.call(null,n)}};n[m].settings={resizeThrottle:100,scrollThrottle:30};return i.load(function(){return n[m]("refresh")})})}).call(this); -------------------------------------------------------------------------------- /lib/counterup/counterup.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jquery.counterup.min.js 1.0 3 | * 4 | * Copyright 2013, Benjamin Intal http://gambit.ph @bfintal 5 | * Released under the GPL v2 License 6 | * 7 | * Date: Nov 26, 2013 8 | */(function(e){"use strict";e.fn.counterUp=function(t){var n=e.extend({time:400,delay:10},t);return this.each(function(){var t=e(this),r=n,i=function(){var e=[],n=r.time/r.delay,i=t.text(),s=/[0-9]+,[0-9]+/.test(i);i=i.replace(/,/g,"");var o=/^[0-9]+$/.test(i),u=/^[0-9]+\.[0-9]+$/.test(i),a=u?(i.split(".")[1]||[]).length:0;for(var f=n;f>=1;f--){var l=parseInt(i/n*f);u&&(l=parseFloat(i/n*f).toFixed(a));if(s)while(/(\d+)(\d{3})/.test(l.toString()))l=l.toString().replace(/(\d+)(\d{3})/,"$1,$2");e.unshift(l)}t.data("counterup-nums",e);t.text("0");var c=function(){t.text(t.data("counterup-nums").shift());if(t.data("counterup-nums").length)setTimeout(t.data("counterup-func"),r.delay);else{delete t.data("counterup-nums");t.data("counterup-nums",null);t.data("counterup-func",null)}};t.data("counterup-func",c);setTimeout(t.data("counterup-func"),r.delay)};t.waypoint(i,{offset:"100%",triggerOnce:!0})})}})(jQuery); -------------------------------------------------------------------------------- /lib/easing/easing.min.js: -------------------------------------------------------------------------------- 1 | !function(n){function==typeof define&&define.amddefine([jquery],function(e){return n(e)})object==typeof module&&object==typeof module.exportsexports=n(require(jquery))n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n1tennn2te(n-=1.5t)n+.75n2.5te(n-=2.25t)n+.9375e(n-=2.625t)n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525c,s=2a3,f=2a4.5;n.extend(n.easing,{defeaseOutQuad,swingfunction(e){return n.easing[n.easing.def](e)},easeInQuadfunction(n){return nn},easeOutQuadfunction(n){return 1-(1-n)(1-n)},easeInOutQuadfunction(n){return n.52nn1-t(-2n+2,2)2},easeInCubicfunction(n){return nnn},easeOutCubicfunction(n){return 1-t(1-n,3)},easeInOutCubicfunction(n){return n.54nnn1-t(-2n+2,3)2},easeInQuartfunction(n){return nnnn},easeOutQuartfunction(n){return 1-t(1-n,4)},easeInOutQuartfunction(n){return n.58nnnn1-t(-2n+2,4)2},easeInQuintfunction(n){return nnnnn},easeOutQuintfunction(n){return 1-t(1-n,5)},easeInOutQuintfunction(n){return n.516nnnnn1-t(-2n+2,5)2},easeInSinefunction(n){return 1-i(na2)},easeOutSinefunction(n){return r(na2)},easeInOutSinefunction(n){return-(i(an)-1)2},easeInExpofunction(n){return 0===n0t(2,10n-10)},easeOutExpofunction(n){return 1===n11-t(2,-10n)},easeInOutExpofunction(n){return 0===n01===n1n.5t(2,20n-10)2(2-t(2,-20n+10))2},easeInCircfunction(n){return 1-u(1-t(n,2))},easeOutCircfunction(n){return u(1-t(n-1,2))},easeInOutCircfunction(n){return n.5(1-u(1-t(2n,2)))2(u(1-t(-2n+2,2))+1)2},easeInElasticfunction(n){return 0===n01===n1-t(2,10n-10)r((10n-10.75)s)},easeOutElasticfunction(n){return 0===n01===n1t(2,-10n)r((10n-.75)s)+1},easeInOutElasticfunction(n){return 0===n01===n1n.5-(t(2,20n-10)r((20n-11.125)f))2t(2,-20n+10)r((20n-11.125)f)2+1},easeInBackfunction(n){return(c+1)nnn-cnn},easeOutBackfunction(n){return 1+(c+1)t(n-1,3)+ct(n-1,2)},easeInOutBackfunction(n){return n.5t(2n,2)(7.189819n-o)2(t(2n-2,2)((o+1)(2n-2)+o)+2)2},easeInBouncefunction(n){return 1-e(1-n)},easeOutBouncee,easeInOutBouncefunction(n){return n.5(1-e(1-2n))2(1+e(2n-1))2}})}); -------------------------------------------------------------------------------- /lib/jquery/jquery-migrate.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery Migrate v3.0.0 | (c) jQuery Foundation and other contributors | jquery.org/license */ 2 | "undefined"==typeof jQuery.migrateMute&&(jQuery.migrateMute=!0),function(a,b){"use strict";function c(c){var d=b.console;e[c]||(e[c]=!0,a.migrateWarnings.push(c),d&&d.warn&&!a.migrateMute&&(d.warn("JQMIGRATE: "+c),a.migrateTrace&&d.trace&&d.trace()))}function d(a,b,d,e){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return c(e),d}})}a.migrateVersion="3.0.0",function(){var c=b.console&&b.console.log&&function(){b.console.log.apply(b.console,arguments)},d=/^[12]\./;c&&(a&&!d.test(a.fn.jquery)||c("JQMIGRATE: jQuery 3.0.0+ REQUIRED"),a.migrateWarnings&&c("JQMIGRATE: Migrate plugin loaded multiple times"),c("JQMIGRATE: Migrate is installed"+(a.migrateMute?"":" with logging active")+", version "+a.migrateVersion))}();var e={};a.migrateWarnings=[],void 0===a.migrateTrace&&(a.migrateTrace=!0),a.migrateReset=function(){e={},a.migrateWarnings.length=0},"BackCompat"===document.compatMode&&c("jQuery is not compatible with Quirks Mode");var f=a.fn.init,g=a.isNumeric,h=a.find,i=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/,j=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g;a.fn.init=function(a){var b=Array.prototype.slice.call(arguments);return"string"==typeof a&&"#"===a&&(c("jQuery( '#' ) is not a valid selector"),b[0]=[]),f.apply(this,b)},a.fn.init.prototype=a.fn,a.find=function(a){var b=Array.prototype.slice.call(arguments);if("string"==typeof a&&i.test(a))try{document.querySelector(a)}catch(d){a=a.replace(j,function(a,b,c,d){return"["+b+c+'"'+d+'"]'});try{document.querySelector(a),c("Attribute selector with '#' must be quoted: "+b[0]),b[0]=a}catch(e){c("Attribute selector with '#' was not fixed: "+b[0])}}return h.apply(this,b)};var k;for(k in h)Object.prototype.hasOwnProperty.call(h,k)&&(a.find[k]=h[k]);a.fn.size=function(){return c("jQuery.fn.size() is deprecated; use the .length property"),this.length},a.parseJSON=function(){return c("jQuery.parseJSON is deprecated; use JSON.parse"),JSON.parse.apply(null,arguments)},a.isNumeric=function(b){function d(b){var c=b&&b.toString();return!a.isArray(b)&&c-parseFloat(c)+1>=0}var e=g(b),f=d(b);return e!==f&&c("jQuery.isNumeric() should not be called on constructed objects"),f},d(a,"unique",a.uniqueSort,"jQuery.unique is deprecated, use jQuery.uniqueSort"),d(a.expr,"filters",a.expr.pseudos,"jQuery.expr.filters is now jQuery.expr.pseudos"),d(a.expr,":",a.expr.pseudos,'jQuery.expr[":"] is now jQuery.expr.pseudos');var l=a.ajax;a.ajax=function(){var a=l.apply(this,arguments);return a.promise&&(d(a,"success",a.done,"jQXHR.success is deprecated and removed"),d(a,"error",a.fail,"jQXHR.error is deprecated and removed"),d(a,"complete",a.always,"jQXHR.complete is deprecated and removed")),a};var m=a.fn.removeAttr,n=a.fn.toggleClass,o=/\S+/g;a.fn.removeAttr=function(b){var d=this;return a.each(b.match(o),function(b,e){a.expr.match.bool.test(e)&&(c("jQuery.fn.removeAttr no longer sets boolean properties: "+e),d.prop(e,!1))}),m.apply(this,arguments)},a.fn.toggleClass=function(b){return void 0!==b&&"boolean"!=typeof b?n.apply(this,arguments):(c("jQuery.fn.toggleClass( boolean ) is deprecated"),this.each(function(){var c=this.getAttribute&&this.getAttribute("class")||"";c&&a.data(this,"__className__",c),this.setAttribute&&this.setAttribute("class",c||b===!1?"":a.data(this,"__className__")||"")}))};var p=!1;a.swap&&a.each(["height","width","reliableMarginRight"],function(b,c){var d=a.cssHooks[c]&&a.cssHooks[c].get;d&&(a.cssHooks[c].get=function(){var a;return p=!0,a=d.apply(this,arguments),p=!1,a})}),a.swap=function(a,b,d,e){var f,g,h={};p||c("jQuery.swap() is undocumented and deprecated");for(g in b)h[g]=a.style[g],a.style[g]=b[g];f=d.apply(a,e||[]);for(g in b)a.style[g]=h[g];return f};var q=a.data;a.data=function(b,d,e){var f;return d&&d!==a.camelCase(d)&&(f=a.hasData(b)&&q.call(this,b),f&&d in f)?(c("jQuery.data() always sets/gets camelCased names: "+d),arguments.length>2&&(f[d]=e),f[d]):q.apply(this,arguments)};var r=a.Tween.prototype.run;a.Tween.prototype.run=function(b){a.easing[this.easing].length>1&&(c('easing function "jQuery.easing.'+this.easing.toString()+'" should use only first argument'),a.easing[this.easing]=a.easing[this.easing].bind(a.easing,b,this.options.duration*b,0,1,this.options.duration)),r.apply(this,arguments)};var s=a.fn.load,t=a.event.fix;a.event.props=[],a.event.fixHooks={},a.event.fix=function(b){var d,e=b.type,f=this.fixHooks[e],g=a.event.props;if(g.length)for(c("jQuery.event.props are deprecated and removed: "+g.join());g.length;)a.event.addProp(g.pop());if(f&&!f._migrated_&&(f._migrated_=!0,c("jQuery.event.fixHooks are deprecated and removed: "+e),(g=f.props)&&g.length))for(;g.length;)a.event.addProp(g.pop());return d=t.call(this,b),f&&f.filter?f.filter(d,b):d},a.each(["load","unload","error"],function(b,d){a.fn[d]=function(){var a=Array.prototype.slice.call(arguments,0);return"load"===d&&"string"==typeof a[0]?s.apply(this,a):(c("jQuery.fn."+d+"() is deprecated"),a.splice(0,0,d),arguments.length?this.on.apply(this,a):(this.triggerHandler.apply(this,a),this))}}),a(function(){a(document).triggerHandler("ready")}),a.event.special.ready={setup:function(){this===document&&c("'ready' event is deprecated")}},a.fn.extend({bind:function(a,b,d){return c("jQuery.fn.bind() is deprecated"),this.on(a,null,b,d)},unbind:function(a,b){return c("jQuery.fn.unbind() is deprecated"),this.off(a,null,b)},delegate:function(a,b,d,e){return c("jQuery.fn.delegate() is deprecated"),this.on(b,a,d,e)},undelegate:function(a,b,d){return c("jQuery.fn.undelegate() is deprecated"),1===arguments.length?this.off(a,"**"):this.off(b,a||"**",d)}});var u=a.fn.offset;a.fn.offset=function(){var b,d=this[0],e={top:0,left:0};return d&&d.nodeType?(b=(d.ownerDocument||document).documentElement,a.contains(b,d)?u.apply(this,arguments):(c("jQuery.fn.offset() requires an element connected to a document"),e)):(c("jQuery.fn.offset() requires a valid DOM element"),e)};var v=a.param;a.param=function(b,d){var e=a.ajaxSettings&&a.ajaxSettings.traditional;return void 0===d&&e&&(c("jQuery.param() no longer uses jQuery.ajaxSettings.traditional"),d=e),v.call(this,b,d)};var w=a.fn.andSelf||a.fn.addBack;a.fn.andSelf=function(){return c("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()"),w.apply(this,arguments)};var x=a.Deferred,y=[["resolve","done",a.Callbacks("once memory"),a.Callbacks("once memory"),"resolved"],["reject","fail",a.Callbacks("once memory"),a.Callbacks("once memory"),"rejected"],["notify","progress",a.Callbacks("memory"),a.Callbacks("memory")]];a.Deferred=function(b){var d=x(),e=d.promise();return d.pipe=e.pipe=function(){var b=arguments;return c("deferred.pipe() is deprecated"),a.Deferred(function(c){a.each(y,function(f,g){var h=a.isFunction(b[f])&&b[f];d[g[1]](function(){var b=h&&h.apply(this,arguments);b&&a.isFunction(b.promise)?b.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[g[0]+"With"](this===e?c.promise():this,h?[b]:arguments)})}),b=null}).promise()},b&&b.call(d,d),d}}(jQuery,window); -------------------------------------------------------------------------------- /lib/superfish/hoverIntent.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * hoverIntent v1.8.1 // 2014.08.11 // jQuery v1.9.1+ 3 | * http://briancherne.github.io/jquery-hoverIntent/ 4 | * 5 | * You may use hoverIntent under the terms of the MIT license. Basically that 6 | * means you are free to use hoverIntent as long as this header is left intact. 7 | * Copyright 2007, 2014 Brian Cherne 8 | */ 9 | 10 | /* hoverIntent is similar to jQuery's built-in "hover" method except that 11 | * instead of firing the handlerIn function immediately, hoverIntent checks 12 | * to see if the user's mouse has slowed down (beneath the sensitivity 13 | * threshold) before firing the event. The handlerOut function is only 14 | * called after a matching handlerIn. 15 | * 16 | * // basic usage ... just like .hover() 17 | * .hoverIntent( handlerIn, handlerOut ) 18 | * .hoverIntent( handlerInOut ) 19 | * 20 | * // basic usage ... with event delegation! 21 | * .hoverIntent( handlerIn, handlerOut, selector ) 22 | * .hoverIntent( handlerInOut, selector ) 23 | * 24 | * // using a basic configuration object 25 | * .hoverIntent( config ) 26 | * 27 | * @param handlerIn function OR configuration object 28 | * @param handlerOut function OR selector for delegation OR undefined 29 | * @param selector selector OR undefined 30 | * @author Brian Cherne 31 | */ 32 | 33 | ;(function(factory) { 34 | 'use strict'; 35 | if (typeof define === 'function' && define.amd) { 36 | define(['jquery'], factory); 37 | } else if (jQuery && !jQuery.fn.hoverIntent) { 38 | factory(jQuery); 39 | } 40 | })(function($) { 41 | 'use strict'; 42 | 43 | // default configuration values 44 | var _cfg = { 45 | interval: 100, 46 | sensitivity: 6, 47 | timeout: 0 48 | }; 49 | 50 | // counter used to generate an ID for each instance 51 | var INSTANCE_COUNT = 0; 52 | 53 | // current X and Y position of mouse, updated during mousemove tracking (shared across instances) 54 | var cX, cY; 55 | 56 | // saves the current pointer position coordinates based on the given mousemove event 57 | var track = function(ev) { 58 | cX = ev.pageX; 59 | cY = ev.pageY; 60 | }; 61 | 62 | // compares current and previous mouse positions 63 | var compare = function(ev,$el,s,cfg) { 64 | // compare mouse positions to see if pointer has slowed enough to trigger `over` function 65 | if ( Math.sqrt( (s.pX-cX)*(s.pX-cX) + (s.pY-cY)*(s.pY-cY) ) < cfg.sensitivity ) { 66 | $el.off(s.event,track); 67 | delete s.timeoutId; 68 | // set hoverIntent state as active for this element (permits `out` handler to trigger) 69 | s.isActive = true; 70 | // overwrite old mouseenter event coordinates with most recent pointer position 71 | ev.pageX = cX; ev.pageY = cY; 72 | // clear coordinate data from state object 73 | delete s.pX; delete s.pY; 74 | return cfg.over.apply($el[0],[ev]); 75 | } else { 76 | // set previous coordinates for next comparison 77 | s.pX = cX; s.pY = cY; 78 | // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs) 79 | s.timeoutId = setTimeout( function(){compare(ev, $el, s, cfg);} , cfg.interval ); 80 | } 81 | }; 82 | 83 | // triggers given `out` function at configured `timeout` after a mouseleave and clears state 84 | var delay = function(ev,$el,s,out) { 85 | delete $el.data('hoverIntent')[s.id]; 86 | return out.apply($el[0],[ev]); 87 | }; 88 | 89 | $.fn.hoverIntent = function(handlerIn,handlerOut,selector) { 90 | // instance ID, used as a key to store and retrieve state information on an element 91 | var instanceId = INSTANCE_COUNT++; 92 | 93 | // extend the default configuration and parse parameters 94 | var cfg = $.extend({}, _cfg); 95 | if ( $.isPlainObject(handlerIn) ) { 96 | cfg = $.extend(cfg, handlerIn); 97 | if ( !$.isFunction(cfg.out) ) { 98 | cfg.out = cfg.over; 99 | } 100 | } else if ( $.isFunction(handlerOut) ) { 101 | cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } ); 102 | } else { 103 | cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } ); 104 | } 105 | 106 | // A private function for handling mouse 'hovering' 107 | var handleHover = function(e) { 108 | // cloned event to pass to handlers (copy required for event object to be passed in IE) 109 | var ev = $.extend({},e); 110 | 111 | // the current target of the mouse event, wrapped in a jQuery object 112 | var $el = $(this); 113 | 114 | // read hoverIntent data from element (or initialize if not present) 115 | var hoverIntentData = $el.data('hoverIntent'); 116 | if (!hoverIntentData) { $el.data('hoverIntent', (hoverIntentData = {})); } 117 | 118 | // read per-instance state from element (or initialize if not present) 119 | var state = hoverIntentData[instanceId]; 120 | if (!state) { hoverIntentData[instanceId] = state = { id: instanceId }; } 121 | 122 | // state properties: 123 | // id = instance ID, used to clean up data 124 | // timeoutId = timeout ID, reused for tracking mouse position and delaying "out" handler 125 | // isActive = plugin state, true after `over` is called just until `out` is called 126 | // pX, pY = previously-measured pointer coordinates, updated at each polling interval 127 | // event = string representing the namespaced event used for mouse tracking 128 | 129 | // clear any existing timeout 130 | if (state.timeoutId) { state.timeoutId = clearTimeout(state.timeoutId); } 131 | 132 | // namespaced event used to register and unregister mousemove tracking 133 | var mousemove = state.event = 'mousemove.hoverIntent.hoverIntent'+instanceId; 134 | 135 | // handle the event, based on its type 136 | if (e.type === 'mouseenter') { 137 | // do nothing if already active 138 | if (state.isActive) { return; } 139 | // set "previous" X and Y position based on initial entry point 140 | state.pX = ev.pageX; state.pY = ev.pageY; 141 | // update "current" X and Y position based on mousemove 142 | $el.off(mousemove,track).on(mousemove,track); 143 | // start polling interval (self-calling timeout) to compare mouse coordinates over time 144 | state.timeoutId = setTimeout( function(){compare(ev,$el,state,cfg);} , cfg.interval ); 145 | } else { // "mouseleave" 146 | // do nothing if not already active 147 | if (!state.isActive) { return; } 148 | // unbind expensive mousemove event 149 | $el.off(mousemove,track); 150 | // if hoverIntent state is true, then call the mouseOut function after the specified delay 151 | state.timeoutId = setTimeout( function(){delay(ev,$el,state,cfg.out);} , cfg.timeout ); 152 | } 153 | }; 154 | 155 | // listen for mouseenter and mouseleave 156 | return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector); 157 | }; 158 | }); -------------------------------------------------------------------------------- /lib/superfish/superfish.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Superfish Menu Plugin - v1.7.9 3 | * Copyright (c) 2016 Joel Birch 4 | * 5 | * Dual licensed under the MIT and GPL licenses: 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * http://www.gnu.org/licenses/gpl.html 8 | */ 9 | 10 | ;!function(a,b){"use strict";var c=function(){var c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},d=function(){var b=/^(?![\w\W]*Windows Phone)[\w\W]*(iPhone|iPad|iPod)/i.test(navigator.userAgent);return b&&a("html").css("cursor","pointer").on("click",a.noop),b}(),e=function(){var a=document.documentElement.style;return"behavior"in a&&"fill"in a&&/iemobile/i.test(navigator.userAgent)}(),f=function(){return!!b.PointerEvent}(),g=function(a,b,d){var e,f=c.menuClass;b.cssArrows&&(f+=" "+c.menuArrowClass),e=d?"addClass":"removeClass",a[e](f)},h=function(b,d){return b.find("li."+d.pathClass).slice(0,d.pathLevels).addClass(d.hoverClass+" "+c.bcClass).filter(function(){return a(this).children(d.popUpSelector).hide().show().length}).removeClass(d.pathClass)},i=function(a,b){var d=b?"addClass":"removeClass";a.children("a")[d](c.anchorClass)},j=function(a){var b=a.css("ms-touch-action"),c=a.css("touch-action");c=c||b,c="pan-y"===c?"auto":"pan-y",a.css({"ms-touch-action":c,"touch-action":c})},k=function(a){return a.closest("."+c.menuClass)},l=function(a){return k(a).data("sfOptions")},m=function(){var b=a(this),c=l(b);clearTimeout(c.sfTimer),b.siblings().superfish("hide").end().superfish("show")},n=function(b){b.retainPath=a.inArray(this[0],b.$path)>-1,this.superfish("hide"),this.parents("."+b.hoverClass).length||(b.onIdle.call(k(this)),b.$path.length&&a.proxy(m,b.$path)())},o=function(){var b=a(this),c=l(b);d?a.proxy(n,b,c)():(clearTimeout(c.sfTimer),c.sfTimer=setTimeout(a.proxy(n,b,c),c.delay))},p=function(b){var c=a(this),d=l(c),e=c.siblings(b.data.popUpSelector);return d.onHandleTouch.call(e)===!1?this:void(e.length>0&&e.is(":hidden")&&(c.one("click.superfish",!1),"MSPointerDown"===b.type||"pointerdown"===b.type?c.trigger("focus"):a.proxy(m,c.parent("li"))()))},q=function(b,c){var g="li:has("+c.popUpSelector+")";a.fn.hoverIntent&&!c.disableHI?b.hoverIntent(m,o,g):b.on("mouseenter.superfish",g,m).on("mouseleave.superfish",g,o);var h="MSPointerDown.superfish";f&&(h="pointerdown.superfish"),d||(h+=" touchend.superfish"),e&&(h+=" mousedown.superfish"),b.on("focusin.superfish","li",m).on("focusout.superfish","li",o).on(h,"a",c,p)};return{hide:function(b){if(this.length){var c=this,d=l(c);if(!d)return this;var e=d.retainPath===!0?d.$path:"",f=c.find("li."+d.hoverClass).add(this).not(e).removeClass(d.hoverClass).children(d.popUpSelector),g=d.speedOut;if(b&&(f.show(),g=0),d.retainPath=!1,d.onBeforeHide.call(f)===!1)return this;f.stop(!0,!0).animate(d.animationOut,g,function(){var b=a(this);d.onHide.call(b)})}return this},show:function(){var a=l(this);if(!a)return this;var b=this.addClass(a.hoverClass),c=b.children(a.popUpSelector);return a.onBeforeShow.call(c)===!1?this:(c.stop(!0,!0).animate(a.animation,a.speed,function(){a.onShow.call(c)}),this)},destroy:function(){return this.each(function(){var b,d=a(this),e=d.data("sfOptions");return e?(b=d.find(e.popUpSelector).parent("li"),clearTimeout(e.sfTimer),g(d,e),i(b),j(d),d.off(".superfish").off(".hoverIntent"),b.children(e.popUpSelector).attr("style",function(a,b){return b.replace(/display[^;]+;?/g,"")}),e.$path.removeClass(e.hoverClass+" "+c.bcClass).addClass(e.pathClass),d.find("."+e.hoverClass).removeClass(e.hoverClass),e.onDestroy.call(d),void d.removeData("sfOptions")):!1})},init:function(b){return this.each(function(){var d=a(this);if(d.data("sfOptions"))return!1;var e=a.extend({},a.fn.superfish.defaults,b),f=d.find(e.popUpSelector).parent("li");e.$path=h(d,e),d.data("sfOptions",e),g(d,e,!0),i(f,!0),j(d),q(d,e),f.not("."+c.bcClass).superfish("hide",!0),e.onInit.call(this)})}}}();a.fn.superfish=function(b,d){return c[b]?c[b].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof b&&b?a.error("Method "+b+" does not exist on jQuery.fn.superfish"):c.init.apply(this,arguments)},a.fn.superfish.defaults={popUpSelector:"ul,.sf-mega",hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:!0,disableHI:!1,onInit:a.noop,onBeforeShow:a.noop,onShow:a.noop,onBeforeHide:a.noop,onHide:a.noop,onIdle:a.noop,onDestroy:a.noop,onHandleTouch:a.noop}}(jQuery,window); -------------------------------------------------------------------------------- /lib/waypoints/waypoints.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | Waypoints - 4.0.1 3 | Copyright © 2011-2016 Caleb Troughton 4 | Licensed under the MIT license. 5 | https://github.com/imakewebthings/waypoints/blob/master/licenses.txt 6 | */ 7 | !function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}(); -------------------------------------------------------------------------------- /lib/wow/wow.min.js: -------------------------------------------------------------------------------- 1 | /*! WOW wow.js - v1.3.0 - 2016-10-04 2 | * https://wowjs.uk 3 | * Copyright (c) 2016 Thomas Grainger; Licensed MIT */!function(a,b){if("function"==typeof define&&define.amd)define(["module","exports"],b);else if("undefined"!=typeof exports)b(module,exports);else{var c={exports:{}};b(c,c.exports),a.WOW=c.exports}}(this,function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function d(a,b){return b.indexOf(a)>=0}function e(a,b){for(var c in b)if(null==a[c]){var d=b[c];a[c]=d}return a}function f(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)}function g(a){var b=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],c=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],d=arguments.length<=3||void 0===arguments[3]?null:arguments[3],e=void 0;return null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e}function h(a,b){null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)&&a["on"+b]()}function i(a,b,c){null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c}function j(a,b,c){null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]}function k(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}Object.defineProperty(b,"__esModule",{value:!0});var l,m,n=function(){function a(a,b){for(var c=0;c=0){var b=a.target||a.srcElement;b.className=b.className.replace(this.config.animateClass,"").trim()}}},{key:"customStyle",value:function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a}},{key:"vendorSet",value:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];a[""+c]=d;for(var e=0;e=e&&f>=c}},{key:"disabled",value:function(){return!this.config.mobile&&f(navigator.userAgent)}}]),a}();b["default"]=r,a.exports=b["default"]}); -------------------------------------------------------------------------------- /logo_no_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/winterofcode/2019/4cebe559c531ecdd43933687dd933059c4da770c/logo_no_bg.png -------------------------------------------------------------------------------- /mentors.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Mentors | Winter of Code 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |

39 |

40 |

Winter of Code ' 19 41 |

42 | 48 |

49 |

50 |

51 |

52 |

53 | 59 |

60 |

61 |

62 |
63 |

64 |

Mentors

65 |

66 |

67 |

68 |

When one does not know which port one is sailing to, no wind is favourable. Check out our mentors for Winter of Code 2019!

69 |
70 |

71 | 72 |

73 |

74 |

75 |

76 |

77 |

78 |

79 |

80 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 149 | 150 | 151 | -------------------------------------------------------------------------------- /sass/_about_part.scss: -------------------------------------------------------------------------------- 1 | /************Team css start***************/ 2 | .about_part { 3 | position: relative; 4 | z-index: 99; 5 | background-repeat: no-repeat; 6 | background-position: left; 7 | @media #{$tab} { 8 | background-image: none; 9 | padding: 70px 0 0; 10 | } 11 | @media #{$medium_device} { 12 | background-image: none; 13 | } 14 | .about_part_text { 15 | @media #{$tab} { 16 | padding-left: 0; 17 | } 18 | 19 | @media #{$medium_device} { 20 | padding-left: 0; 21 | } 22 | 23 | h5 { 24 | color: $btn_bg; 25 | font-size: 16px; 26 | font-weight: 500; 27 | position: relative; 28 | text-transform: capitalize; 29 | margin-bottom: 20px; 30 | } 31 | 32 | h2 { 33 | font-size: 46px; 34 | font-weight: 600; 35 | line-height: 56px; 36 | margin-bottom: 21px; 37 | position: relative; 38 | @media #{$tab} { 39 | font-size: 25px; 40 | margin-bottom: 10px; 41 | line-height: 35px; 42 | margin-top: 15px; 43 | } 44 | 45 | @media #{$medium_device} { 46 | font-size: 28px; 47 | margin-bottom: 20px; 48 | line-height: 40px; 49 | } 50 | } 51 | 52 | p { 53 | margin-bottom: 50px; 54 | 55 | @media #{$tab} { 56 | margin-bottom: 20px; 57 | } 58 | 59 | @media #{$medium_device} {} 60 | } 61 | 62 | ul { 63 | list-style: none; 64 | padding: 0; 65 | margin: 0; 66 | margin-top: 42px; 67 | @media #{$small_mobile} { 68 | margin-bottom: 10px; 69 | } 70 | 71 | @media #{$large_mobile} { 72 | margin-bottom: 20px; 73 | } 74 | 75 | @media #{$tab_device} { 76 | margin-bottom: 20px; 77 | } 78 | 79 | @media #{$medium_device} {} 80 | 81 | li { 82 | display: inline-block; 83 | margin-bottom: 10px; 84 | font-size: 14px; 85 | padding-left: 80px; 86 | padding-top: 30px; 87 | color: $font_8; 88 | position: relative; 89 | @media #{$tab} { 90 | padding-left: 41px; 91 | padding-top: 5px; 92 | margin-bottom: 0; 93 | } 94 | 95 | @media #{$medium_device} { 96 | padding-left: 41px; 97 | padding-top: 5px; 98 | margin-bottom: 0; 99 | } 100 | 101 | span { 102 | margin-right: 17px; 103 | font-size: 50px; 104 | position: absolute; 105 | left: 0; 106 | top: 20px; 107 | color: $btn_bg; 108 | 109 | @media #{$tab} { 110 | padding-bottom: 15px; 111 | position: absolute; 112 | left: 0; 113 | top: 0; 114 | font-size: 35px; 115 | } 116 | 117 | @media #{$medium_device} { 118 | padding-bottom: 15px; 119 | position: absolute; 120 | left: 0; 121 | top: 0; 122 | font-size: 35px; 123 | } 124 | } 125 | } 126 | } 127 | 128 | .btn_1 { 129 | margin-top: 6px; 130 | } 131 | } 132 | .about_part_img{ 133 | @media #{$tab} { 134 | margin-top: 30px; 135 | } 136 | } 137 | } 138 | .experiance_part{ 139 | background-image: url(../img/experiance_overlay.png); 140 | background-repeat: no-repeat; 141 | background-position: right; 142 | @media #{$tab}{ 143 | background-image: none; 144 | .about_part_img{ 145 | margin-top: 20px; 146 | } 147 | } 148 | @media #{$medium_device}{ 149 | background-image: none; 150 | .about_part_img{ 151 | margin-top: 20px; 152 | } 153 | } 154 | .about_text_iner{ 155 | margin-top: 72px; 156 | display: flex; 157 | align-items: center; 158 | .about_text_counter{ 159 | background-image: url(../img/heading_bg.png); 160 | background-size: contain; 161 | background-position: left; 162 | background-repeat: no-repeat; 163 | h2{ 164 | font-size: 150px; 165 | line-height: 120px; 166 | display: inline-block; 167 | color: $btn_bg; 168 | padding-right: 35px; 169 | border-right: 1px solid $font_1; 170 | font-weight: 700; 171 | margin-bottom: 0; 172 | @media #{$tab}{ 173 | font-size: 75px; 174 | line-height: 80px; 175 | margin-top: 0; 176 | } 177 | } 178 | } 179 | .about_iner_content{ 180 | 181 | text-transform: capitalize; 182 | margin-left: 35px; 183 | 184 | h3{ 185 | color: $font_1; 186 | display: inline-block; 187 | @media #{$tab}{ 188 | font-size: 20px; 189 | } 190 | } 191 | span{ 192 | color: $heading_color; 193 | display: block; 194 | } 195 | } 196 | } 197 | } 198 | .single_experiance_section{ 199 | margin-top: 0; 200 | margin-bottom: 140px; 201 | @media #{$tab}{ 202 | margin-bottom: 70px; 203 | } 204 | @media #{$medium_device}{ 205 | margin-bottom: 80px; 206 | } 207 | } -------------------------------------------------------------------------------- /sass/_banner.scss: -------------------------------------------------------------------------------- 1 | /**************** banner part css start ****************/ 2 | .banner_part{ 3 | height: 800px; 4 | position: relative; 5 | overflow: hidden; 6 | background-image: url(../img/banner_img.png); 7 | background-repeat: no-repeat; 8 | background-size: content; 9 | background-position: center; 10 | z-index: 1; 11 | &:after{ 12 | position: absolute; 13 | content: ""; 14 | left: 0; 15 | top: 0; 16 | width: 100%; 17 | height: 100%; 18 | background-color: $btn_hover; 19 | z-index: -1; 20 | opacity: .7; 21 | } 22 | @media #{$tab}{ 23 | height: 650px; 24 | } 25 | @media #{$medium_device}{ 26 | height: 650px; 27 | } 28 | 29 | .banner_text{ 30 | display: table; 31 | width: 100%; 32 | height: 800px; 33 | .banner_text_iner{ 34 | display: table-cell; 35 | vertical-align: middle; 36 | @media #{$tab}{ 37 | vertical-align: middle; 38 | } 39 | 40 | } 41 | @media #{$tab}{ 42 | text-align: center; 43 | padding-top: 0px; 44 | height: 650px; 45 | } 46 | @media #{$medium_device}{ 47 | height: 650px; 48 | } 49 | h5{ 50 | font-size: 20px; 51 | text-transform: capitalize; 52 | font-weight: 500; 53 | color: $white_color; 54 | margin-bottom: 38px; 55 | @media #{$tab}{ 56 | margin-bottom: 15px; 57 | } 58 | } 59 | h1{ 60 | font-size: 65px; 61 | text-transform: capitalize; 62 | font-weight: 700; 63 | margin-bottom: 27px; 64 | line-height: 75px; 65 | color: $white_color; 66 | @media #{$tab}{ 67 | font-size: 30px; 68 | margin-bottom: 5px; 69 | line-height: 1.3; 70 | } 71 | @media #{$medium_device}{ 72 | font-size: 40px; 73 | margin-bottom: 15px; 74 | line-height: 1.4; 75 | } 76 | span{ 77 | color: $btn_bg; 78 | } 79 | } 80 | 81 | p{ 82 | font-size: 15px; 83 | line-height: 1.8; 84 | font-family: $font_stack_1; 85 | color: $font_7; 86 | } 87 | .btn_1{ 88 | margin-top: 26px; 89 | } 90 | } 91 | } 92 | 93 | /**************** hero part css end ****************/ 94 | -------------------------------------------------------------------------------- /sass/_blog_part.scss: -------------------------------------------------------------------------------- 1 | /**************** blog part css start ****************/ 2 | .blog_part{ 3 | @media #{$small_mobile}{ 4 | padding-bottom: 50px; 5 | } 6 | @media #{$large_mobile}{ 7 | padding-bottom: 50px; 8 | } 9 | @media #{$tab_device}{ 10 | padding-bottom: 50px; 11 | } 12 | @media #{$medium_device}{ 13 | padding-bottom: 50px; 14 | } 15 | .card{ 16 | border: 0px solid transparent; 17 | } 18 | .blog_right_sidebar .widget_title { 19 | font-size: 20px; 20 | margin-bottom: 40px; 21 | font-style: inherit !important; 22 | } 23 | .single-home-blog{ 24 | @media #{$small_mobile}{ 25 | margin-bottom: 20px; 26 | } 27 | @media #{$large_mobile}{ 28 | margin-bottom: 20px; 29 | } 30 | @media #{$tab_device}{ 31 | margin-bottom: 20px; 32 | } 33 | @media #{$medium_device}{ 34 | 35 | } 36 | .card-img-top{ 37 | border-radius: 0px; 38 | } 39 | .card{ 40 | 41 | border-radius: 0px; 42 | background-color: transparent; 43 | position: relative; 44 | .card-body{ 45 | padding: 30px 0 23px; 46 | background-color: $white_color; 47 | @include transform_time(.5s); 48 | 49 | @media #{$small_mobile}{ 50 | padding: 15px 10px; 51 | } 52 | @media #{$large_mobile}{ 53 | padding: 15px; 54 | } 55 | @media #{$tab_device}{ 56 | 57 | } 58 | @media #{$medium_device}{ 59 | padding: 20px; 60 | } 61 | .btn_4{ 62 | margin-bottom: 20px; 63 | 64 | } 65 | a{ 66 | text-transform: capitalize; 67 | @include transform_time(0.8s); 68 | } 69 | } 70 | .dot{ 71 | position: relative; 72 | padding-left: 20px; 73 | &:after{ 74 | position: absolute; 75 | content: ""; 76 | width: 10px; 77 | height: 10px; 78 | top: 5px; 79 | left: 0; 80 | background-color: $btn_bg; 81 | border-radius: 50%; 82 | } 83 | } 84 | span{ 85 | color: $font_4; 86 | margin-bottom: 10px; 87 | display: inline-block; 88 | margin-top: 10px; 89 | @media #{$small_mobile}{ 90 | margin-bottom: 5px; 91 | margin-top: 5px; 92 | } 93 | @media #{$large_mobile}{ 94 | margin-bottom: 5px; 95 | margin-top: 5px; 96 | } 97 | @media #{$tab_device}{ 98 | margin-bottom: 5px; 99 | margin-top: 5px; 100 | } 101 | @media #{$medium_device}{ 102 | margin-bottom: 5px; 103 | margin-top: 5px; 104 | } 105 | } 106 | h5{ 107 | font-weight: 600; 108 | line-height: 1.5; 109 | font-size: 19px; 110 | @include transform_time(0.8s); 111 | text-transform: capitalize; 112 | margin-bottom: 15px; 113 | @media #{$small_mobile}{ 114 | margin-bottom: 5px; 115 | font-size: 17px; 116 | } 117 | @media #{$large_mobile}{ 118 | margin-bottom: 10px; 119 | font-size: 16px; 120 | } 121 | @media #{$tab_device}{ 122 | margin-bottom: 10px; 123 | } 124 | @media #{$medium_device}{ 125 | margin-bottom: 10px; 126 | font-size: 18px; 127 | } 128 | &:hover{ 129 | @include transform_time(0.8s); 130 | color: $btn_bg; 131 | } 132 | 133 | } 134 | ul{ 135 | margin-bottom: 13px; 136 | li{ 137 | display: inline-block; 138 | color: $font_4; 139 | margin-right: 39px; 140 | @media #{$small_mobile}{ 141 | margin-right: 10px; 142 | } 143 | @media #{$large_mobile}{ 144 | margin-right: 10px; 145 | } 146 | @media #{$tab_device}{ 147 | margin-right: 10px; 148 | } 149 | @media #{$medium_device}{ 150 | margin-right: 10px; 151 | } 152 | span{ 153 | margin-right: 10px; 154 | } 155 | } 156 | } 157 | } 158 | } 159 | } 160 | 161 | -------------------------------------------------------------------------------- /sass/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb_bg { 2 | @include background("../img/breadcrumb.png"); 3 | } 4 | 5 | .breadcrumb { 6 | position: relative; 7 | z-index: 1; 8 | height: 450px; 9 | &:after { 10 | position: absolute; 11 | left: 0; 12 | top: 0; 13 | width: 100%; 14 | height: 100%; 15 | background-color: #001b5e; 16 | content: ""; 17 | opacity: 0.7; 18 | z-index: -1; 19 | } 20 | 21 | .breadcrumb_tittle { 22 | p{ 23 | text-transform: capitalize; 24 | font-size: 16px; 25 | color: #fff; 26 | } 27 | h2 { 28 | color: $white_color; 29 | font-size: 60px; 30 | font-weight: 700; 31 | margin-top: 10px; 32 | text-transform: capitalize; 33 | 34 | @media #{$small_mobile} { 35 | font-size: 35px; 36 | } 37 | 38 | @media #{$large_mobile} { 39 | font-size: 35px; 40 | } 41 | 42 | @media #{$tab_device} { 43 | font-size: 40px; 44 | } 45 | 46 | @media #{$medium_device} {} 47 | } 48 | } 49 | .breadcrumb_content{ 50 | @media #{$small_mobile} { 51 | float: left; 52 | text-align: left !important; 53 | } 54 | p { 55 | font-size: 15px; 56 | color: $white_color; 57 | } 58 | 59 | span { 60 | margin: 0px 5px; 61 | font-size: 12px; 62 | } 63 | } 64 | } 65 | 66 | .breadcrumb { 67 | margin: 0px !important; 68 | } -------------------------------------------------------------------------------- /sass/_button.scss: -------------------------------------------------------------------------------- 1 | /* Main Button Area css 2 | ============================================================================================ */ 3 | .submit_btn{ 4 | width: auto; 5 | display: inline-block; 6 | background: $white_color; 7 | padding: 0px 50px; 8 | color: #fff; 9 | font-size: 13px; 10 | font-weight: 500; 11 | line-height: 50px; 12 | border-radius: 5px; 13 | outline: none !important; 14 | box-shadow: none !important; 15 | text-align: center; 16 | border: 1px solid $border_color; 17 | cursor: pointer; 18 | @include transform_time(0.5s); 19 | &:hover{ 20 | background: transparent; 21 | 22 | } 23 | } 24 | .btn_1{ 25 | display: inline-block; 26 | padding: 27px 70px; 27 | background-color: $base_color; 28 | font-size: 14px; 29 | color: $white_color; 30 | @include transform_time(0.5s); 31 | text-transform: capitalize; 32 | border: 1px solid transparent; 33 | border-radius: 50px; 34 | line-height: 15px; 35 | &:hover{ 36 | color: $white_color !important; 37 | background-color: $btn_hover; 38 | } 39 | @media #{$small_mobile}{ 40 | padding: 10px 30px; 41 | margin-top: 25px; 42 | } 43 | @media #{$large_mobile}{ 44 | padding: 10px 30px; 45 | margin-top: 30px; 46 | } 47 | @media #{$tab_device}{ 48 | padding: 10px 30px; 49 | margin-top: 30px; 50 | } 51 | @media #{$medium_device}{ 52 | 53 | } 54 | 55 | } 56 | .btn_2{ 57 | display: inline-block; 58 | padding: 13px 39px; 59 | background-color: transparent; 60 | border: 1px solid $menu_color; 61 | color: $menu_color; 62 | font-size: 14px; 63 | -o-transition: all .4s ease-in-out; 64 | -webkit-transition: all .4s ease-in-out; 65 | transition: all .4s ease-in-out; 66 | text-transform: capitalize; 67 | background-size: 200% auto; 68 | font-size: 15px; 69 | font-weight: 500; 70 | &:hover{ 71 | color: $white_color !important; 72 | background-position: right center; 73 | @extend %custom_btn_bg_1; 74 | border: 1px solid transparent; 75 | } 76 | @media #{$small_mobile}{ 77 | padding: 14px 30px; 78 | margin-top: 25px; 79 | } 80 | @media #{$large_mobile}{ 81 | padding: 14px 30px; 82 | margin-top: 30px; 83 | } 84 | @media #{$tab_device}{ 85 | padding: 14px 30px; 86 | margin-top: 30px; 87 | } 88 | @media #{$medium_device}{ 89 | 90 | } 91 | } 92 | .btn_3{ 93 | color: $heading_color; 94 | text-transform: capitalize; 95 | font-size: 14px; 96 | position: relative; 97 | display: inline-block; 98 | @include transform_time(0.5s); 99 | &:after{ 100 | position: absolute; 101 | content: ""; 102 | left: 0; 103 | bottom: -8px; 104 | width: 100%; 105 | height: 2px; 106 | background-color: #e8e9eb; 107 | @include transform_time(0.5s); 108 | } 109 | &:hover{ 110 | color: $btn_bg; 111 | &:after{ 112 | left: 15px; 113 | background-color: $btn_bg; 114 | } 115 | } 116 | } 117 | .btn_4{ 118 | background-color: $btn_bg; 119 | padding: 3.5px 21px; 120 | background: rgba(255, 102, 59, 1); 121 | text-transform: capitalize; 122 | display: inline-block; 123 | border: 2px solid transparent; 124 | @include transform_time(0.5s); 125 | color: $white_color; 126 | &:hover{ 127 | background: rgba(255, 102, 59, .8); 128 | color: $white_color; 129 | } 130 | 131 | } 132 | /*=================== custom button rule start ====================*/ 133 | 134 | .button{ 135 | display: inline-block; 136 | border: 1px solid transparent; 137 | font-size: 15px; 138 | font-weight: 500; 139 | padding: 12px 54px; 140 | border-radius: 4px; 141 | color: $white_color; 142 | border: 1px solid $border_color; 143 | text-transform: uppercase; 144 | background-color: $btn_bg; 145 | cursor: pointer; 146 | @include transform_time(0.5s); 147 | 148 | @media(max-width: 767px){ 149 | font-size: 13px; 150 | padding: 9px 24px; 151 | } 152 | 153 | &:hover{ 154 | color: $white_color; 155 | } 156 | 157 | 158 | &-link{ 159 | letter-spacing: 0; 160 | color: #3b1d82; 161 | border: 0; 162 | padding: 0; 163 | 164 | &:hover{ 165 | background: transparent; 166 | color: #3b1d82; 167 | } 168 | } 169 | 170 | &-header{ 171 | color: $white_color; 172 | border-color: $border_color; 173 | 174 | &:hover{ 175 | background: #b8024c; 176 | color: $white_color; 177 | } 178 | } 179 | 180 | &-contactForm{ 181 | color: $white_color; 182 | border-color: $border_color; 183 | padding: 18px 35px; 184 | border-radius: 0; 185 | &:hover{ 186 | // border-color: $title-color; 187 | // background: $title-color; 188 | // color: $white_color; 189 | } 190 | } 191 | } 192 | 193 | 194 | /* End Main Button Area css 195 | ============================================================================================ */ -------------------------------------------------------------------------------- /sass/_client_logo.scss: -------------------------------------------------------------------------------- 1 | /************client css start***************/ 2 | .client_logo{ 3 | background-color: #f8faff; 4 | position: relative; 5 | 6 | @media #{$tab}{ 7 | background-color: transparent !important; 8 | } 9 | .single_client_logo{ 10 | display: flex; 11 | align-items: center; 12 | } 13 | .owl-carousel .owl-item img { 14 | width: auto; 15 | } 16 | .single_client_logo{ 17 | height: 150px; 18 | @media #{$tab}{ 19 | height: 50px; 20 | margin-top: 50px; 21 | } 22 | img{ 23 | margin: 0 auto; 24 | } 25 | 26 | } 27 | } -------------------------------------------------------------------------------- /sass/_common.scss: -------------------------------------------------------------------------------- 1 | /**************** common css start ****************/ 2 | @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap'); 3 | body{ 4 | font-family: $font_stack_1; 5 | padding: 0; 6 | margin: 0; 7 | font-size: 14px; 8 | } 9 | .message_submit_form:focus{ 10 | outline: none; 11 | } 12 | input:hover, input:focus{ 13 | outline: none !important; 14 | } 15 | .gray_bg{ 16 | background-color: $section_bg; 17 | } 18 | .section_padding { 19 | padding: 140px 0px; 20 | @media #{$medium_device}{ 21 | padding: 80px 0px; 22 | } 23 | @media #{$tab_device}{ 24 | padding: 70px 0px; 25 | } 26 | @media #{$small_mobile}{ 27 | padding: 70px 0px; 28 | } 29 | @media #{$large_mobile}{ 30 | padding: 70px 0px; 31 | } 32 | } 33 | .single_padding_top{ 34 | padding-top: 140px !important; 35 | @media #{$medium_device}{ 36 | padding-top: 70px !important; 37 | } 38 | @media #{$tab_device}{ 39 | padding-top: 70px !important; 40 | } 41 | @media #{$small_mobile}{ 42 | padding-top: 70px !important; 43 | } 44 | @media #{$large_mobile}{ 45 | padding-top: 80px !important; 46 | } 47 | } 48 | .padding_top{ 49 | padding-top: 140px; 50 | @media #{$medium_device}{ 51 | padding-top: 80px; 52 | } 53 | @media #{$tab_device}{ 54 | padding-top: 70px; 55 | } 56 | @media #{$small_mobile}{ 57 | padding-top: 70px; 58 | } 59 | @media #{$large_mobile}{ 60 | padding-top: 70px; 61 | } 62 | } 63 | .padding_bottom{ 64 | padding-bottom: 140px; 65 | @media #{$medium_device}{ 66 | padding-bottom: 80px; 67 | } 68 | @media #{$tab}{ 69 | padding-bottom: 70px; 70 | } 71 | } 72 | .margin_bottom{ 73 | margin-bottom: 140px; 74 | @media #{$medium_device}{ 75 | margin-bottom: 80px; 76 | } 77 | @media #{$tab}{ 78 | margin-bottom: 70px; 79 | } 80 | } 81 | a{ 82 | text-decoration: none; 83 | @include transform_time(.5s); 84 | &:hover{ 85 | outline: none; 86 | text-decoration: none; 87 | } 88 | } 89 | 90 | h1, h2, h3, h4, h5, h6 { 91 | color: $heading_color; 92 | font-weight: 700; 93 | } 94 | p{ 95 | color: $font_1; 96 | font-family: $font_stack_1; 97 | line-height: 1.929; 98 | font-size: 14px; 99 | margin-bottom: 0px; 100 | font-weight: 300; 101 | } 102 | 103 | h2 { 104 | font-size: 44px; 105 | line-height: 28px; 106 | color: $heading_color; 107 | font-weight: 600; 108 | line-height: 1.222; 109 | @media #{$small_mobile}{ 110 | font-size: 22px; 111 | line-height: 25px; 112 | 113 | } 114 | @media #{$large_mobile}{ 115 | font-size: 24px; 116 | line-height: 25px; 117 | 118 | } 119 | } 120 | h3 { 121 | font-size: 24px; 122 | line-height: 25px; 123 | @media #{$small_mobile}{ 124 | font-size: 20px; 125 | 126 | } 127 | } 128 | 129 | h5 { 130 | font-size: 18px; 131 | line-height: 22px; 132 | } 133 | 134 | img { 135 | max-width: 100%; 136 | } 137 | a:focus, .button:focus, button:focus, .btn:focus { 138 | text-decoration: none; 139 | outline: none; 140 | box-shadow: none; 141 | @include transform_time(1s); 142 | } 143 | 144 | .section_tittle{ 145 | margin-bottom: 80px; 146 | @media #{$tab}{ 147 | margin-bottom: 30px; 148 | } 149 | h2{ 150 | font-size: 46px; 151 | color: $heading_color; 152 | line-height: 46px; 153 | font-weight: 700; 154 | text-transform: capitalize; 155 | @media #{$small_mobile}{ 156 | font-size: 25px; 157 | line-height: 35px; 158 | 159 | } 160 | @media #{$large_mobile}{ 161 | font-size: 25px; 162 | line-height: 35px; 163 | } 164 | @media #{$tab_device}{ 165 | font-size: 30px; 166 | line-height: 40px; 167 | } 168 | @media #{$medium_device}{ 169 | font-size: 35px; 170 | line-height: 40px; 171 | } 172 | } 173 | p{ 174 | font-size: 16px; 175 | color: $base_color; 176 | text-transform: capitalize; 177 | margin-bottom: 15px;; 178 | @media #{$small_mobile}{ 179 | margin-bottom: 10px; 180 | } 181 | @media #{$large_mobile}{ 182 | margin-bottom: 10px; 183 | } 184 | @media #{$tab_device}{ 185 | margin-bottom: 10px; 186 | } 187 | @media #{$medium_device}{ 188 | margin-bottom: 10px; 189 | } 190 | } 191 | } 192 | ul{ 193 | list-style: none; 194 | margin: 0; 195 | padding: 0; 196 | } 197 | .mb_110{ 198 | margin-bottom: 110px; 199 | @media #{$small_mobile}{ 200 | margin-bottom: 220px; 201 | } 202 | 203 | } 204 | .mt_130{ 205 | margin-top: 130px; 206 | @media #{$small_mobile}{ 207 | margin-top: 70px; 208 | } 209 | @media #{$large_mobile}{ 210 | margin-top: 70px; 211 | } 212 | @media #{$tab_device}{ 213 | margin-top: 70px; 214 | } 215 | @media #{$medium_device}{ 216 | margin-top: 70px; 217 | } 218 | } 219 | .mb_130{ 220 | margin-bottom: 130px; 221 | @media #{$small_mobile}{ 222 | margin-bottom: 70px; 223 | } 224 | @media #{$large_mobile}{ 225 | margin-bottom: 70px; 226 | } 227 | @media #{$tab_device}{ 228 | margin-bottom: 70px; 229 | } 230 | @media #{$medium_device}{ 231 | margin-bottom: 70px; 232 | } 233 | } 234 | .padding_less_40{ 235 | margin-bottom: -50px; 236 | } 237 | .z_index{ 238 | z-index: 9 !important; 239 | position: relative; 240 | } 241 | 242 | @media #{$extra_big_screen}{ 243 | .container { 244 | max-width: 1170px; 245 | } 246 | } 247 | @media (max-width: 1200px) { 248 | [class*="hero-ani-"] { 249 | display: none !important; 250 | } 251 | } 252 | /**************** common css end ****************/ 253 | -------------------------------------------------------------------------------- /sass/_contact.scss: -------------------------------------------------------------------------------- 1 | /*=================== contact banner start ====================*/ 2 | 3 | .contact-info{ 4 | margin-bottom: 25px; 5 | 6 | &__icon{ 7 | margin-right: 20px; 8 | 9 | i,span{ 10 | color: #8f9195; 11 | font-size: 27px; 12 | } 13 | } 14 | 15 | .media-body{ 16 | 17 | h3{ 18 | font-size: 16px; 19 | margin-bottom: 0; 20 | font-size: 16px; 21 | color: #2a2a2a; 22 | a{ 23 | &:hover{ 24 | color: $btn_bg; 25 | } 26 | } 27 | } 28 | 29 | p{ 30 | color: #8a8a8a; 31 | } 32 | } 33 | } 34 | 35 | /*=================== contact banner end ====================*/ 36 | 37 | 38 | /*=================== contact form start ====================*/ 39 | .contact-title{ 40 | font-size: 27px; 41 | font-weight: 600; 42 | margin-bottom: 20px; 43 | } 44 | 45 | .form-contact{ 46 | 47 | label{ 48 | font-size: 14px; 49 | } 50 | 51 | .form-group{ 52 | margin-bottom: 30px; 53 | .btn_1{ 54 | margin-bottom: -30px; 55 | } 56 | } 57 | 58 | .form-control{ 59 | border: 1px solid #f0e9ff; 60 | border-radius: 5px; 61 | height: 48px; 62 | padding-left: 18px; 63 | font-size: 13px; 64 | background: transparent; 65 | 66 | &:focus{ 67 | outline: 0; 68 | box-shadow: none; 69 | } 70 | 71 | &::placeholder{ 72 | font-weight: 300; 73 | color: #999999; 74 | } 75 | } 76 | 77 | textarea{ 78 | border-radius: 12px; 79 | height: 100% !important; 80 | } 81 | 82 | // button{ 83 | // border: 0; 84 | // } 85 | } 86 | 87 | @media #{$small_mobile}{ 88 | .contact-section{ 89 | .btn_1 { 90 | margin-bottom: 0px !important; 91 | margin-top: 0px !important; 92 | } 93 | } 94 | } 95 | @media #{$large_mobile}{ 96 | .contact-section{ 97 | .btn_1 { 98 | margin-bottom: 0px !important; 99 | margin-top: 0px !important; 100 | } 101 | } 102 | } 103 | @media #{$tab_device}{ 104 | .contact-section{ 105 | .btn_1 { 106 | margin-bottom: 0px !important; 107 | margin-top: 0px !important; 108 | } 109 | } 110 | } 111 | @media #{$medium_device}{ 112 | .contact-section{ 113 | .btn_1 { 114 | margin-bottom: 0px !important; 115 | margin-top: 0px !important; 116 | } 117 | } 118 | } 119 | /*=================== contact form end ====================*/ 120 | 121 | /* Contact Success and error Area css 122 | ============================================================================================ */ 123 | 124 | 125 | .modal-message { 126 | .modal-dialog { 127 | position: absolute; 128 | top: 36%; 129 | left: 50%; 130 | transform: translateX(-50%) translateY(-50%) !important; 131 | margin: 0px; 132 | max-width: 500px; 133 | width: 100%; 134 | .modal-content { 135 | .modal-header { 136 | text-align: center; 137 | display: block; 138 | border-bottom: none; 139 | padding-top: 50px; 140 | padding-bottom: 50px; 141 | .close { 142 | position: absolute; 143 | right: -15px; 144 | top: -15px; 145 | padding: 0px; 146 | color: #fff; 147 | opacity: 1; 148 | cursor: pointer; 149 | } 150 | h2 { 151 | display: block; 152 | text-align: center; 153 | padding-bottom: 10px; 154 | } 155 | p { 156 | display: block; 157 | } 158 | } 159 | } 160 | } 161 | } -------------------------------------------------------------------------------- /sass/_copyright_part.scss: -------------------------------------------------------------------------------- 1 | /**************** copyright part css start ****************/ 2 | .copyright_part{ 3 | padding: 26px 0px; 4 | p{ 5 | color: #8a8a8a; 6 | font-family: 300; 7 | } 8 | a{ 9 | color: $btn_bg; 10 | } 11 | .footer-social{ 12 | @media #{$small_mobile}{ 13 | margin-top: 20px; 14 | } 15 | @media #{$large_mobile}{ 16 | 17 | } 18 | @media #{$tab_device}{ 19 | 20 | } 21 | @media #{$medium_device}{ 22 | 23 | } 24 | a{ 25 | width: 35px; 26 | height: 35px; 27 | display: inline-block; 28 | line-height: 35px; 29 | border: 1px solid #ff7e5f; 30 | text-align: center; 31 | margin-left: 10px; 32 | color: $white_color; 33 | 34 | &:hover{ 35 | background-color: #ff7e5f !important; 36 | color: $white_color !important; 37 | } 38 | i{ 39 | &:hover{ 40 | color: $white_color; 41 | } 42 | } 43 | } 44 | } 45 | @media #{$small_mobile}{ 46 | .footer-text{ 47 | text-align: center; 48 | } 49 | } 50 | @media #{$large_mobile}{ 51 | .footer-text{ 52 | text-align: center; 53 | margin-bottom: 25px !important; 54 | } 55 | } 56 | @media #{$tab_device}{ 57 | .footer-text{ 58 | text-align: center; 59 | margin-bottom: 25px !important; 60 | } 61 | } 62 | @media #{$medium_device}{ 63 | } 64 | span.ti-heart { 65 | font-size: 12px; 66 | margin: 0px 2px; 67 | } 68 | } -------------------------------------------------------------------------------- /sass/_cource_details.scss: -------------------------------------------------------------------------------- 1 | .course_details_area { 2 | .title_top{ 3 | margin-top: 60px; 4 | font-size: 22px; 5 | font-weight: 600; 6 | margin-bottom: 13px; 7 | } 8 | .title { 9 | font-size: 22px; 10 | font-weight: 600; 11 | border: none; 12 | cursor: pointer; 13 | margin-top: 40px; 14 | position: relative; 15 | padding-bottom: 10px; 16 | margin-bottom: 13px; 17 | border-top: 1px solid #edeff2; 18 | padding-top: 30px; 19 | } 20 | .btn_2{ 21 | padding: 5px 19px; 22 | font-size: 14px; 23 | text-transform: capitalize !important; 24 | border: 1px solid #edeff2; 25 | } 26 | } 27 | .comments-area{ 28 | .thumb img{ 29 | width: 100px !important; 30 | border-radius: 0; 31 | } 32 | 33 | } 34 | .desc{ 35 | h5{ 36 | a{ 37 | color: #0c2e60; 38 | } 39 | } 40 | p{ 41 | font-size: 12px !important; 42 | } 43 | } 44 | .course_details_left { 45 | .content_wrapper { 46 | } 47 | .content { 48 | color: rgb(136, 136, 136); 49 | line-height: 1.929; 50 | } 51 | .course_list { 52 | margin-bottom: 0; 53 | @media (max-width: 575px) { 54 | padding-left: 0; 55 | } 56 | li { 57 | list-style: none; 58 | margin-bottom: 20px; 59 | .primary-btn { 60 | background: #f9f9f9; 61 | 62 | box-shadow: none; 63 | font-size: 12px; 64 | border-radius: 0px; 65 | &:hover { 66 | 67 | color: #ffffff; 68 | } 69 | @media (max-width: 575px) { 70 | min-width: 100px; 71 | font-size: 10px; 72 | padding: 0 10px; 73 | } 74 | } 75 | &:last-child { 76 | margin-bottom: 0; 77 | } 78 | } 79 | } 80 | } 81 | .review-top { 82 | h6{ 83 | color: #ee3f0e; 84 | font-size: 15px; 85 | margin-bottom: 21px; 86 | margin-top: 7px; 87 | } 88 | 89 | } 90 | .feedeback{ 91 | h6{ 92 | margin-bottom: 16px; 93 | } 94 | .btn_1{ 95 | padding: 5px 19px; 96 | margin-top: 20px; 97 | } 98 | 99 | } 100 | .right-contents { 101 | @media (max-width: 991px) { 102 | margin-top: 50px; 103 | } 104 | .sidebar_top{ 105 | padding: 40px 30px; 106 | border: 1px solid #edeff2; 107 | .btn_1{ 108 | text-align: center; 109 | margin-top: 20px; 110 | } 111 | span{ 112 | color: $font_8; 113 | } 114 | .color{ 115 | color: #0c2e60; 116 | font-size: 15px; 117 | } 118 | ul { 119 | li { 120 | list-style: none; 121 | padding: 10px 0px; 122 | margin-bottom: 10px; 123 | border-bottom: 1px solid #edeff2; 124 | &:last-child{ 125 | border-bottom: 0px solid #edeff2; 126 | } 127 | a { 128 | 129 | text-align: left; 130 | p { 131 | margin-bottom: 0px; 132 | } 133 | } 134 | .or { 135 | font-weight: 500; 136 | } 137 | } 138 | } 139 | } 140 | 141 | .enroll { 142 | margin-top: 10px; 143 | width: 100%; 144 | } 145 | .reviews { 146 | span, 147 | .star { 148 | width: 31%; 149 | margin-bottom: 10px; 150 | color: $font_8; 151 | font-size: 15px; 152 | } 153 | } 154 | .avg-review { 155 | background: #04091e; 156 | text-align: center; 157 | color: #ffffff; 158 | font-size: 14px; 159 | font-weight: 600; 160 | padding: 20px 0px; 161 | span { 162 | font-size: 18px; 163 | 164 | } 165 | @media (max-width: 991px) { 166 | margin-bottom: 20px; 167 | } 168 | } 169 | .single-reviews { 170 | .thumb { 171 | @media (max-width: 1024px) { 172 | margin-right: 10px; 173 | } 174 | } 175 | h5 { 176 | display: inline-flex; 177 | @media (max-width: 1024px) { 178 | display: block; 179 | } 180 | .star { 181 | margin-left: 10px; 182 | @media (max-width: 1024px) { 183 | margin: 10px 0; 184 | } 185 | } 186 | } 187 | } 188 | .feedeback { 189 | margin-top: 30px; 190 | textarea { 191 | resize: none; 192 | height: 130px; 193 | border: 1px solid #edeff2; 194 | border-radius: 0px; 195 | &:focus { 196 | box-shadow: none; 197 | } 198 | } 199 | } 200 | .star { 201 | .checked { 202 | 203 | } 204 | } 205 | .comments-area { 206 | padding: 0; 207 | border: 0; 208 | background: transparent; 209 | .star { 210 | margin-left: 20px; 211 | } 212 | } 213 | } -------------------------------------------------------------------------------- /sass/_creative.scss: -------------------------------------------------------------------------------- 1 | /******** creative css start **********/ 2 | .creative{ 3 | .creative_part_text{ 4 | padding-left: 60px; 5 | @media #{$tab}{ 6 | padding-left: 0; 7 | } 8 | h2{ 9 | font-size: 46px; 10 | line-height: 55px; 11 | margin-bottom: 30px; 12 | @media #{$tab}{ 13 | font-size: 30px; 14 | line-height: 35px; 15 | margin: 20px 0 10px; 16 | } 17 | @media #{$medium_device}{ 18 | font-size: 35px; 19 | line-height: 40px; 20 | } 21 | } 22 | span{ 23 | font-size: 24px; 24 | line-height: 40px; 25 | color: $black_color; 26 | margin-top: 26px; 27 | display: block; 28 | @media #{$tab}{ 29 | font-size: 18px; 30 | line-height: 25px; 31 | margin: 20px 0 10px; 32 | } 33 | @media #{$medium_device}{ 34 | font-size: 18px; 35 | line-height: 25px; 36 | } 37 | } 38 | a{ 39 | display: flex; 40 | margin-top: 58px; 41 | align-items: center; 42 | font-size: 16px; 43 | color: $black_color; 44 | text-transform: capitalize; 45 | @media #{$tab}{ 46 | margin-top: 20px; 47 | } 48 | @media #{$medium_device}{ 49 | margin-top: 20px; 50 | } 51 | i{ 52 | height: 75px; 53 | width: 75px; 54 | line-height: 75px; 55 | text-align: center; 56 | border-radius: 50%; 57 | color: $white_color; 58 | background-color: $btn_hover; 59 | display: inline-block; 60 | font-size: 30px; 61 | padding-left: 5px; 62 | margin-right: 20px; 63 | } 64 | } 65 | } 66 | } -------------------------------------------------------------------------------- /sass/_cta.scss: -------------------------------------------------------------------------------- 1 | /**************cta area start*****************/ 2 | .cta_part{ 3 | position: relative; 4 | z-index: 1; 5 | @include background("../img/cta_bg.png"); 6 | text-align: center; 7 | padding: 170px 0px; 8 | @media #{$small_mobile}{ 9 | padding: 70px 0px; 10 | } 11 | @media #{$large_mobile}{ 12 | padding: 70px 0px; 13 | } 14 | @media #{$tab_device}{ 15 | padding: 70px 0px; 16 | } 17 | @media #{$medium_device}{ 18 | 19 | } 20 | &:after{ 21 | position: absolute; 22 | content: ""; 23 | left: 0; 24 | top: 0; 25 | width: 100%; 26 | height: 100%; 27 | background-color: $btn_hover; 28 | opacity: 0.9; 29 | z-index: -1; 30 | } 31 | h1{ 32 | font-size: 55px; 33 | font-weight: 600; 34 | color: $white_color; 35 | margin-bottom: 15px; 36 | line-height: 68px; 37 | @media #{$small_mobile}{ 38 | font-size: 25px; 39 | line-height: 35px; 40 | } 41 | @media #{$large_mobile}{ 42 | font-size: 30px; 43 | line-height: 35px; 44 | } 45 | @media #{$tab_device}{ 46 | font-size: 30px; 47 | line-height: 35px; 48 | } 49 | @media #{$medium_device}{ 50 | font-size: 35px; 51 | line-height: 45px; 52 | } 53 | } 54 | p{ 55 | color: $white_color; 56 | 57 | } 58 | .btn_1{ 59 | margin-top: 45px; 60 | @media #{$tab}{ 61 | margin-top: 15px; 62 | } 63 | @media #{$medium_device}{ 64 | margin-top: 15px; 65 | } 66 | } 67 | } 68 | 69 | -------------------------------------------------------------------------------- /sass/_extends.scss: -------------------------------------------------------------------------------- 1 | /**************** extend css start ****************/ 2 | %custom_btn_bg_1{ 3 | background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%); 4 | } 5 | 6 | %custom_btn_bg_2{ 7 | background-image: -moz-linear-gradient( 0deg, rgb(238,57,15) 0%, rgb(249,183,0) 100%); 8 | background-image: -webkit-linear-gradient( 0deg, rgb(238,57,15) 0%, rgb(249,183,0) 100%); 9 | background-image: -ms-linear-gradient( 0deg, rgb(238,57,15) 0%, rgb(249,183,0) 100%); 10 | } 11 | %custom_btn_bg_3{ 12 | background: -moz-linear-gradient( 90deg, rgb(173,35,254) 0%, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 13 | background: -webkit-linear-gradient( 90deg, rgb(173,35,254) 0%, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 14 | background: -ms-linear-gradient( 90deg, rgb(173,35,254) 0%, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 15 | box-shadow: 0px 8px 15px 0px rgba(180, 41, 248, 0.25); 16 | 17 | } 18 | %rank_bg{ 19 | background: -moz-linear-gradient( 16deg, rgb(250,113,205) 0%, rgb(181,77,243) 100%); 20 | background: -webkit-linear-gradient( 16deg, rgb(250,113,205) 0%, rgb(181,77,243) 100%); 21 | background: -ms-linear-gradient( 16deg, rgb(250,113,205) 0%, rgb(181,77,243) 100%); 22 | box-shadow: 0px 10px 20px 0px rgba(196, 113, 245, 0.3); 23 | } 24 | 25 | %overlay_bg{ 26 | background: -moz-linear-gradient( 16deg, rgb(250,113,205) 0%, rgb(181,77,243) 100%); 27 | background: -webkit-linear-gradient( 16deg, rgb(250,113,205) 0%, rgb(181,77,243) 100%); 28 | background: -ms-linear-gradient( 16deg, rgb(250,113,205) 0%, rgb(181,77,243) 100%); 29 | } 30 | %pricing_btn_bg_bg { 31 | background: -moz-linear-gradient( 90deg, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 32 | background: -webkit-linear-gradient( 90deg, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 33 | background: -ms-linear-gradient( 90deg, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 34 | box-shadow: 0px 8px 15px 0px rgba(180, 41, 248, 0.25); 35 | } 36 | 37 | %icon_bg{ 38 | background: -moz-linear-gradient( 45deg, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 39 | background: -webkit-linear-gradient( 45deg, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 40 | background: -ms-linear-gradient( 45deg, rgb(173,35,254) 0%, rgb(250,96,199) 100%); 41 | } 42 | 43 | /**************** extend css start ****************/ 44 | -------------------------------------------------------------------------------- /sass/_footer.scss: -------------------------------------------------------------------------------- 1 | //--------- start footer Area -------------// 2 | .footer-area { 3 | background-color: $white_color; 4 | padding: 100px 0 20px; 5 | position: relative; 6 | .animation_icon_2{ 7 | position: absolute; 8 | left: 0; 9 | top: -100px; 10 | @media #{$tab}{ 11 | display: none; 12 | } 13 | } 14 | 15 | @media (max-width: 991px) { 16 | padding: 70px 0 20px; 17 | } 18 | .form-control{ 19 | background-color: transparent; 20 | } 21 | .form-group{ 22 | margin-top: 25px; 23 | } 24 | .footer_img{ 25 | a{ 26 | width: 24%; 27 | margin-left: 1%; 28 | } 29 | img{ 30 | margin-bottom: 5px; 31 | } 32 | } 33 | .single-footer-widget { 34 | @media (max-width: 991px) { 35 | margin-bottom: 30px; 36 | } 37 | 38 | p{ 39 | font-size: 14px; 40 | line-height: 1.8; 41 | color: #83868c; 42 | } 43 | 44 | h4 { 45 | margin-bottom: 33px; 46 | font-weight: 700; 47 | font-size: 24px; 48 | color: $black_color; 49 | text-transform: capitalize; 50 | @media (max-width: 1024px) { 51 | font-size: 18px; 52 | } 53 | @media (max-width: 991px) { 54 | margin-bottom: 15px; 55 | } 56 | } 57 | ul { 58 | li { 59 | margin-bottom: 10px; 60 | a { 61 | color: #83868c; 62 | @include transform_time(0.5s); 63 | font-size: 15px; 64 | &:hover{ 65 | color: $btn_bg; 66 | } 67 | } 68 | &:last-child{ 69 | margin-bottom: 0px; 70 | } 71 | } 72 | } 73 | .form-wrap { 74 | margin-top: 25px; 75 | } 76 | input { 77 | height: 40px; 78 | border: none; 79 | width: 67% !important; 80 | font-weight: 400; 81 | padding-left: 20px; 82 | border-radius: 0; 83 | font-size: 13px; 84 | color: #999999; 85 | border: 0px solid transparent; 86 | font-family: $font_stack_1; 87 | &:focus { 88 | outline: none; 89 | box-shadow: none; 90 | } 91 | } 92 | .click-btn { 93 | background-color: $btn_bg; 94 | color: $white_color; 95 | border-radius: 0; 96 | border-top-left-radius: 0px; 97 | border-bottom-left-radius: 0px; 98 | padding: 8px 20px; 99 | border: 0; 100 | font-size: 12px; 101 | font-weight: 400; 102 | font-family: $font_stack_1; 103 | position: relative; 104 | left: 0; 105 | &:focus { 106 | outline: none; 107 | box-shadow: none; 108 | } 109 | 110 | @media(max-width: 375px){ 111 | margin-top: 10px; 112 | } 113 | 114 | @media(min-width: 400px){ 115 | left: -50px; 116 | } 117 | } 118 | } 119 | .footer_1{ 120 | img{ 121 | margin-bottom: 35px; 122 | } 123 | p{ 124 | margin-bottom: 15px; 125 | } 126 | } 127 | .social_icon{ 128 | margin-top: 50px; 129 | @media #{$tab}{ 130 | margin-top: 20px; 131 | } 132 | a{ 133 | color: $black_color; 134 | font-size: 16px; 135 | margin-right: 20px; 136 | @include transform_time(.5s); 137 | &:hover{ 138 | color: $btn_hover; 139 | } 140 | } 141 | } 142 | 143 | .footer_3{ 144 | .footer_img{ 145 | .single_footer_img{ 146 | width: 30%; 147 | float: left; 148 | margin: 1%; 149 | position: relative; 150 | z-index: 2; 151 | @media #{$small_mobile}{ 152 | } 153 | @media #{$large_mobile}{ 154 | width: 15%; 155 | } 156 | @media #{$tab_device}{ 157 | width: 10%; 158 | } 159 | @media #{$medium_device}{ 160 | width: 10%; 161 | } 162 | &:after{ 163 | position: absolute; 164 | left: 0; 165 | top: 0; 166 | content: ""; 167 | background-color: #000; 168 | width: 100%; 169 | height: 100%; 170 | opacity: 0; 171 | @include transform_time(0.5s); 172 | } 173 | i{ 174 | text-align: center; 175 | position: absolute; 176 | top: 41%; 177 | margin: 0 auto; 178 | left: 0; 179 | right: 0; 180 | color: #fff; 181 | z-index: 2; 182 | opacity: 0; 183 | } 184 | &:hover{ 185 | &:after{ 186 | opacity: 0.5; 187 | } 188 | i{ 189 | opacity: 1; 190 | } 191 | } 192 | } 193 | } 194 | } 195 | .contact_info{ 196 | position: relative; 197 | margin-bottom: 20px; 198 | &:last-child{ 199 | margin-bottom: 0px; 200 | } 201 | p{ 202 | margin-bottom: 10px; 203 | span{ 204 | color: #83868c; 205 | font-size: 16px; 206 | } 207 | } 208 | } 209 | .btn{ 210 | background-color: $btn_bg; 211 | color: $white_color; 212 | width: 40px; 213 | border-radius: 0px; 214 | height: 40px; 215 | padding: 0; 216 | border-radius: 2px !important; 217 | } 218 | span.ti-heart { 219 | font-size: 12px; 220 | margin: 0px 2px; 221 | } 222 | .copyright_part_text{ 223 | padding: 26px 0; 224 | margin-top: 50px; 225 | p{ 226 | font-size: 15px; 227 | } 228 | 229 | @media #{$small_mobile}{ 230 | margin-top: 20px; 231 | text-align: center; 232 | p{ 233 | font-size: 13px; 234 | color: #83868c; 235 | } 236 | } 237 | @media #{$large_mobile}{ 238 | text-align: center; 239 | margin-top: 20px; 240 | p{ 241 | font-size: 13px; 242 | } 243 | } 244 | @media #{$tab_device}{ 245 | margin-top: 42px; 246 | text-align: center; 247 | } 248 | @media #{$medium_device}{ 249 | 250 | } 251 | a{ 252 | color: $btn_bg; 253 | } 254 | } 255 | .single_contact_info{ 256 | margin-bottom: 30px; 257 | h3{ 258 | font-size: 18px; 259 | } 260 | } 261 | .input-group{ 262 | border: 1px solid #dedede; 263 | padding: 5px; 264 | ::placeholder{ 265 | font-size: 13px; 266 | color: #999; 267 | } 268 | } 269 | 270 | } 271 | .footer-area{ 272 | .container-fluid{ 273 | padding-right: 0px; 274 | padding-left: 0px; 275 | overflow: hidden; 276 | } 277 | .btn_1 { 278 | margin-top: 0px; 279 | } 280 | } 281 | //--------- end footer Area -------------// -------------------------------------------------------------------------------- /sass/_gallery_part.scss: -------------------------------------------------------------------------------- 1 | /**************** gallery_part css start ****************/ 2 | .gallery_part{ 3 | padding-top: 130px; 4 | @media #{$small_mobile}{ 5 | padding-top: 70px; 6 | } 7 | @media #{$large_mobile}{ 8 | padding-top: 70px; 9 | } 10 | @media #{$tab_device}{ 11 | padding-top: 70px; 12 | } 13 | @media #{$medium_device}{ 14 | padding-top: 70px; 15 | } 16 | .container-fluid{ 17 | padding-left: 0px; 18 | padding-right: 0px; 19 | } 20 | 21 | .single_gallery_item{ 22 | position: relative; 23 | width: 100%; 24 | height: 100%; 25 | z-index: 1; 26 | .single_gallery_item_iner{ 27 | &:after{ 28 | position: absolute; 29 | content: ""; 30 | left: 0; 31 | top: 0; 32 | width: 100%; 33 | height: 100%; 34 | background-color: $black_color; 35 | z-index: -1; 36 | opacity: 0; 37 | @include transform_time(.5s); 38 | transform: scale(0.7); 39 | } 40 | .gallery_item_text{ 41 | position: absolute; 42 | left: 20px; 43 | bottom: 80px; 44 | z-index: 5; 45 | visibility: hidden; 46 | opacity: 0; 47 | @include transform_time(.5s); 48 | h3{ 49 | color: $white_color; 50 | font-size: 20px; 51 | border-bottom: 2px solid $btn_bg; 52 | padding-bottom: 10px; 53 | margin-bottom: 5px; 54 | } 55 | p{ 56 | color: $white_color; 57 | } 58 | } 59 | } 60 | &:hover{ 61 | .gallery_item_text{ 62 | opacity: 1; 63 | visibility: visible; 64 | bottom: 50px; 65 | } 66 | .single_gallery_item_iner:after{ 67 | opacity: 0.5; 68 | transform: scale(1); 69 | } 70 | } 71 | } 72 | 73 | /* clearfix */ 74 | .grid:after { 75 | content: ''; 76 | display: block; 77 | clear: both; 78 | } 79 | 80 | /* ---- grid-item ---- */ 81 | 82 | .grid-sizer, 83 | .grid-item { 84 | width: 20%; 85 | @media #{$small_mobile}{ 86 | width: 100%; 87 | } 88 | @media #{$large_mobile}{ 89 | width: 50%; 90 | } 91 | @media #{$tab_device}{ 92 | width: 50%; 93 | } 94 | @media #{$medium_device}{ 95 | 96 | } 97 | } 98 | 99 | .grid-item { 100 | height: 430px; 101 | float: left; 102 | border: 5px solid $white_color; 103 | } 104 | 105 | .grid-item--width2 { 106 | width: 40%; 107 | @media #{$small_mobile}{ 108 | width: 100%; 109 | } 110 | @media #{$large_mobile}{ 111 | width: 50%; 112 | } 113 | @media #{$tab_device}{ 114 | width: 50%; 115 | } 116 | @media #{$medium_device}{ 117 | 118 | } 119 | } 120 | .grid-item--width3 { 121 | width: 60%; 122 | @media #{$small_mobile}{ 123 | width: 100%; 124 | } 125 | @media #{$large_mobile}{ 126 | width: 50%; 127 | } 128 | @media #{$tab_device}{ 129 | width: 50%; 130 | } 131 | @media #{$medium_device}{ 132 | 133 | } 134 | } 135 | .grid-item--height1 { 136 | height: 415px; 137 | } 138 | .grid-item--height2 { 139 | height: 500px; 140 | } 141 | .grid-item--height3 { 142 | height: 585px; 143 | } 144 | .bg_img{ 145 | background-position: center; 146 | background-repeat: no-repeat; 147 | background-size: cover; 148 | } 149 | } 150 | 151 | -------------------------------------------------------------------------------- /sass/_member_counter.scss: -------------------------------------------------------------------------------- 1 | /**************** service_part css start ****************/ 2 | .member_counter { 3 | .single_counter_icon{ 4 | img{ 5 | width: 60px; 6 | @media #{$tab} { 7 | 8 | } 9 | } 10 | } 11 | .single_member_counter { 12 | margin-top: 35px; 13 | @media #{$tab} { 14 | margin: 10px 0 20px; 15 | display: inline-block; 16 | } 17 | span { 18 | font-size: 60px; 19 | font-weight: 700; 20 | color: $base_color; 21 | font-style: $font_stack_2; 22 | display: inline-block; 23 | float: left; 24 | padding-right: 30px; 25 | line-height: 57px; 26 | @media #{$tab} { 27 | line-height: 67px; 28 | font-size: 40px; 29 | } 30 | 31 | @media #{$medium_device} { 32 | line-height: 67px; 33 | font-size: 40px; 34 | } 35 | } 36 | 37 | h4 { 38 | font-size: 30px; 39 | font-weight: 600; 40 | text-transform: capitalize; 41 | position: relative; 42 | display: grid; 43 | float: left; 44 | @media #{$tab}{ 45 | font-size: 25px; 46 | } 47 | span{ 48 | font-size: 16px; 49 | color: #83868c; 50 | display: block; 51 | line-height: 20px; 52 | text-transform: capitalize; 53 | margin-bottom: 4px; 54 | } 55 | } 56 | } 57 | } -------------------------------------------------------------------------------- /sass/_menu.scss: -------------------------------------------------------------------------------- 1 | /**************menu part start*****************/ 2 | .main_menu { 3 | position: absolute; 4 | top: 0; 5 | width: 100%; 6 | z-index: 99; 7 | .navbar-brand { 8 | padding: 0rem !important; 9 | @media #{$tab}{ 10 | img{ 11 | max-width: 120px; 12 | } 13 | } 14 | 15 | } 16 | .social_icon{ 17 | a{ 18 | color: $white_color; 19 | margin-left: 28px; 20 | } 21 | } 22 | 23 | .navbar { 24 | padding: 0px; 25 | } 26 | 27 | .main-menu-item { 28 | text-align: right; 29 | justify-content: right; 30 | @media #{$medium_device}{ 31 | padding-left: 25px; 32 | } 33 | ul { 34 | li .nav-link{ 35 | color: $white_color; 36 | font-size: 15px; 37 | padding: 40px 24px; 38 | font-family: $font_stack_1; 39 | text-transform: capitalize; 40 | line-height: 15px; 41 | position: relative; 42 | z-index: 1; 43 | @media #{$tab}{ 44 | color: $btn_hover 45 | } 46 | &:before{ 47 | position: absolute; 48 | content: ""; 49 | left: 24px; 50 | bottom: 30px; 51 | width: 0; 52 | height: 1px; 53 | background-color: $base_color; 54 | @include transform_time(.5s); 55 | } 56 | @media #{$medium_device}{ 57 | padding: 30px 16px; 58 | } 59 | &:hover{ 60 | color: $white_color; 61 | &:before{ 62 | width: 50px; 63 | } 64 | } 65 | } 66 | .btn_1{ 67 | color: $white-color; 68 | font-size: 14px; 69 | padding: 11.5px 33px; 70 | margin-left: 75px; 71 | } 72 | } 73 | } 74 | } 75 | 76 | .home_menu { 77 | 78 | } 79 | 80 | .dropdown-menu{ 81 | border: 0px solid rgba(0,0,0,.15) !important; 82 | background-color: #fafafa; 83 | } 84 | 85 | .dropdown { 86 | .dropdown-item{ 87 | text-transform: capitalize; 88 | } 89 | .dropdown-menu { 90 | transition: all 0.5s; 91 | overflow: hidden; 92 | transform-origin: top center; 93 | transform: scale(1,0); 94 | display: block; 95 | .dropdown-item{ 96 | font-size: 14px; 97 | padding: 9px 18px !important; 98 | color: $black_color !important; 99 | &:hover{ 100 | color: $btn_bg !important; 101 | } 102 | } 103 | } 104 | &:hover { 105 | .dropdown-menu { 106 | transform: scale(1); 107 | } 108 | } 109 | } 110 | @media #{$tab} { 111 | .single_page_menu{ 112 | .navbar-collapse{ 113 | ul { 114 | li .nav-link{ 115 | color: $black-color !important; 116 | 117 | } 118 | } 119 | } 120 | } 121 | .navbar-toggler{ 122 | span{ 123 | font-size: 30px; 124 | color: $white_color; 125 | } 126 | } 127 | .navbar{ 128 | padding: 20px 0 !important; 129 | } 130 | .navbar-light .navbar-toggler{ 131 | border-color: transparent; 132 | } 133 | .navbar-collapse { 134 | z-index: 9999 !important; 135 | position: absolute; 136 | left: 0; 137 | top: 71px; 138 | width: 100%; 139 | background-color: $white-color; 140 | text-align: center !important; 141 | 142 | } 143 | .main_menu .main-menu-item{ 144 | text-align: left !important; 145 | .nav-item{ 146 | padding: 10px 15px !important; 147 | a{ 148 | padding: 5px 15px !important; 149 | } 150 | } 151 | } 152 | .navbar-nav{ 153 | align-items: start !important; 154 | } 155 | .dropdown { 156 | .dropdown-menu { 157 | transform: scale(1,0); 158 | display: none; 159 | margin-top: 10px; 160 | } 161 | &:hover { 162 | .dropdown-menu { 163 | transform: scale(1); 164 | display: block; 165 | color: $btn_bg; 166 | } 167 | } 168 | .dropdown-item:hover{ 169 | color: $btn_bg !important; 170 | } 171 | } 172 | 173 | } 174 | .menu_fixed { 175 | position: fixed; 176 | z-index: 9999 !important; 177 | width: 100%; 178 | background-color: $base_color; 179 | box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05); 180 | top: 0; 181 | } -------------------------------------------------------------------------------- /sass/_mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin background($imgpath,$position: center,$size: cover,$repeat: no-repeat) { 2 | background: { 3 | image: url($imgpath); 4 | position: $position; 5 | repeat: $repeat; 6 | size: $size; 7 | } 8 | } 9 | @mixin transform_time($total_time) { 10 | -webkit-transition: $total_time; 11 | transition: $total_time; 12 | } 13 | @mixin placeholder { 14 | &.placeholder { 15 | @content; 16 | } 17 | &:-moz-placeholder { 18 | @content; 19 | } 20 | &::-moz-placeholder { 21 | @content; 22 | } 23 | &::-webkit-input-placeholder { 24 | @content; 25 | } 26 | } 27 | @mixin transition($args: all 0.6s ease 0s) { 28 | -webkit-transition: $args; 29 | -moz-transition: $args; 30 | -o-transition: $args; 31 | transition: $args; 32 | } 33 | 34 | @mixin keyframes ($animation-name) { 35 | @-webkit-keyframes #{$animation-name} { 36 | @content; 37 | } 38 | @-moz-keyframes #{$animation-name} { 39 | @content; 40 | } 41 | @-o-keyframes #{$animation-name} { 42 | @content; 43 | } 44 | @keyframes #{$animation-name} { 45 | @content; 46 | } 47 | } -------------------------------------------------------------------------------- /sass/_our_project.scss: -------------------------------------------------------------------------------- 1 | /**************** our_offer css start ****************/ 2 | 3 | .our_project { 4 | position: relative; 5 | .animation_icon_2{ 6 | position: absolute; 7 | top: 0; 8 | left: 5%; 9 | @media #{$tab}{ 10 | display: none; 11 | } 12 | } 13 | .project_menu_item{ 14 | @media #{$tab} { 15 | margin: 0 0 20px; 16 | } 17 | ul{ 18 | li{ 19 | display: inline-block; 20 | color: #83868c; 21 | font-weight: 500; 22 | font-size: 15px; 23 | text-transform: capitalize; 24 | margin: 0 22px; 25 | cursor: pointer; 26 | @media #{$tab} { 27 | margin: 0 8px; 28 | } 29 | &:hover{ 30 | color: $btn_bg; 31 | } 32 | } 33 | } 34 | .active{ 35 | color: $btn_bg; 36 | } 37 | } 38 | .more_btn_iner{ 39 | display: inline-block; 40 | border: 1px solid $base_color; 41 | padding: 15px 40px; 42 | color: $base_color; 43 | font-size: 15px; 44 | text-transform: capitalize; 45 | border-radius: 50px; 46 | @include transform_time(.5s); 47 | @media #{$tab}{ 48 | padding: 8px 24px; 49 | margin-bottom: 25px; 50 | float: right; 51 | } 52 | &:hover{ 53 | background-color: $base_color; 54 | color: $white_color; 55 | } 56 | } 57 | .single_our_project { 58 | @media #{$small_mobile}{ 59 | margin-bottom: 20px; 60 | } 61 | @media #{$large_mobile}{ 62 | margin-bottom: 20px; 63 | } 64 | @media #{$tab_device}{ 65 | margin-bottom: 20px; 66 | } 67 | @media #{$medium_device}{ 68 | 69 | } 70 | &:hover { 71 | .single_offer { 72 | .hover_text { 73 | opacity: 1; 74 | left: 15px; 75 | right: 15px; 76 | } 77 | } 78 | } 79 | } 80 | 81 | .single_our_project { 82 | position: relative; 83 | z-index: 1; 84 | 85 | .single_offer { 86 | position: relative; 87 | z-index: 3; 88 | 89 | img { 90 | width: 100%; 91 | height: auto; 92 | position: relative; 93 | z-index: 1; 94 | } 95 | 96 | .hover_text { 97 | position: absolute; 98 | bottom: 0; 99 | z-index: 100; 100 | opacity: 0; 101 | @include transform_time(0.5s); 102 | background-color: $white_color; 103 | padding: 20px 30px; 104 | left: 15px; 105 | right: 15px; 106 | img { 107 | max-width: 39px; 108 | max-height: 48px; 109 | margin-bottom: 26px; 110 | } 111 | 112 | h2 { 113 | color: $black_color; 114 | font-size: 24px; 115 | } 116 | 117 | p { 118 | color: #848484; 119 | font-size: 15px; 120 | margin-bottom: 10px; 121 | } 122 | } 123 | } 124 | } 125 | @media #{$tab}{ 126 | .section_tittle{ 127 | margin-bottom: 20px; 128 | p{ 129 | margin-bottom: 0; 130 | } 131 | } 132 | } 133 | } 134 | .single_page_project{ 135 | .portfolio-filter{ 136 | margin-bottom: 80px; 137 | @media #{$tab}{ 138 | margin-bottom: 30px; 139 | } 140 | @media #{$medium_device}{ 141 | margin-bottom: 40px; 142 | } 143 | } 144 | .single_our_project{ 145 | margin-bottom: 30px; 146 | @media #{$tab}{ 147 | margin-bottom: 15px; 148 | } 149 | } 150 | } 151 | 152 | /**************** our_offer css end ****************/ -------------------------------------------------------------------------------- /sass/_our_service.scss: -------------------------------------------------------------------------------- 1 | /**************** service_part css start ****************/ 2 | .our_service { 3 | @media #{$tab} { 4 | padding: 50px 0 0; 5 | } 6 | .section_tittle{ 7 | @media #{$tab} { 8 | margin-bottom: 25px; 9 | } 10 | } 11 | .col-sm-6, .col-xl-4{ 12 | &:nth-child(2){ 13 | margin-top: 20px; 14 | @media #{$tab} { 15 | margin-top: 0; 16 | } 17 | @media #{$medium_device} { 18 | margin-top: 0; 19 | } 20 | } 21 | &:nth-child(3){ 22 | margin-top: 40px; 23 | @media #{$tab} { 24 | margin-top: 0; 25 | } 26 | @media #{$medium_device} { 27 | margin-top: 0; 28 | } 29 | } 30 | } 31 | .single_feature_text { 32 | h2 { 33 | font-size: 42px; 34 | line-height: 1.222; 35 | margin-bottom: 20px; 36 | 37 | @media #{$small_mobile} { 38 | margin-top: 0px; 39 | font-size: 25px; 40 | margin-bottom: 15px; 41 | } 42 | 43 | @media #{$large_mobile} { 44 | margin-top: 0px; 45 | font-size: 30px; 46 | margin-bottom: 15px; 47 | } 48 | 49 | @media #{$tab_device} { 50 | font-size: 30px; 51 | } 52 | 53 | @media #{$medium_device} { 54 | margin-top: 0px; 55 | font-size: 35px; 56 | } 57 | } 58 | 59 | p { 60 | line-height: 1.8; 61 | } 62 | } 63 | 64 | .single_service { 65 | padding: 45px 40px; 66 | border: 1px solid #e8e9eb; 67 | @include transform_time(.6s); 68 | 69 | @media #{$tab} { 70 | padding: 25px; 71 | margin-top: 25px; 72 | } 73 | 74 | @media #{$medium_device} { 75 | margin-top: 25px; 76 | 77 | } 78 | 79 | 80 | span { 81 | font-size: 16px; 82 | margin-bottom: 21px; 83 | display: inline-block; 84 | color: $btn_bg; 85 | line-height: 16px; 86 | font-weight: 700; 87 | } 88 | h4 { 89 | font-weight: 700; 90 | font-size: 24px; 91 | margin-bottom: 30px; 92 | @include transform_time(.6s); 93 | @media #{$small_mobile} { 94 | margin-bottom: 15px; 95 | } 96 | 97 | @media #{$large_mobile} { 98 | margin-bottom: 15px; 99 | } 100 | 101 | @media #{$tab_device} { 102 | margin-bottom: 15px; 103 | } 104 | 105 | @media #{$medium_device} { 106 | 107 | } 108 | } 109 | 110 | p { 111 | color: $font_3; 112 | line-height: 1.8; 113 | font-size: 15px; 114 | @include transform_time(.6s); 115 | } 116 | &:hover{ 117 | background-color: $btn_hover; 118 | h4{ 119 | color: $white_color; 120 | } 121 | p{ 122 | color: $white_color; 123 | } 124 | ul{ 125 | li{ 126 | a{ 127 | color: $white_color; 128 | @include transform_time(.6s); 129 | } 130 | } 131 | } 132 | } 133 | } 134 | ul{ 135 | margin-top: 23px; 136 | li{ 137 | a{ 138 | color: $black_color; 139 | padding: 3px 0; 140 | display: block; 141 | } 142 | } 143 | } 144 | } 145 | .single_feature_padding{ 146 | padding-top: 140px; 147 | @media #{$small_mobile}{ 148 | padding-top: 70px; 149 | } 150 | @media #{$large_mobile}{ 151 | padding-top: 70px; 152 | } 153 | @media #{$tab_device}{ 154 | padding-top: 70px; 155 | } 156 | @media #{$medium_device}{ 157 | padding-top: 70px; 158 | } 159 | } 160 | .single_page_services{ 161 | .section_tittle{ 162 | margin-bottom: 50px; 163 | @media #{$tab}{ 164 | margin-bottom: 20px; 165 | } 166 | @media #{$medium_device}{ 167 | margin-bottom: 20px; 168 | } 169 | } 170 | .single_feature{ 171 | margin-top: 30px; 172 | } 173 | } -------------------------------------------------------------------------------- /sass/_portfolio.scss: -------------------------------------------------------------------------------- 1 | /**************** learn_about css start ****************/ 2 | .portfolio_part { 3 | margin-bottom: -20px; 4 | 5 | .card-columns { 6 | -webkit-column-count: 2; 7 | -moz-column-count: 2; 8 | column-count: 2; 9 | -webkit-column-gap: 1.25rem; 10 | -moz-column-gap: 1.25rem; 11 | column-gap: 1.25rem; 12 | orphans: 1; 13 | widows: 1; 14 | 15 | @media #{$small_mobile} { 16 | -webkit-column-count: 1; 17 | -moz-column-count: 1; 18 | column-count: 1; 19 | } 20 | 21 | @media #{$large_mobile} { 22 | -webkit-column-count: 1; 23 | -moz-column-count: 1; 24 | column-count: 1; 25 | } 26 | 27 | @media #{$tab_device} {} 28 | 29 | @media #{$medium_device} {} 30 | 31 | .blockquote { 32 | padding: 0px 10px 21px 0px; 33 | @media #{$small_mobile}{ 34 | padding: 0px 10px 10px 0px; 35 | } 36 | @media #{$large_mobile}{ 37 | padding: 0px 10px 10px 0px; 38 | } 39 | @media #{$tab_device}{ 40 | padding: 0px 10px 10px 0px; 41 | } 42 | @media #{$medium_device}{ 43 | padding: 0px 10px 0px 0px; 44 | } 45 | h2 { 46 | font-size: 45px; 47 | margin-bottom: 13px; 48 | 49 | @media #{$small_mobile} { 50 | font-size: 30px; 51 | line-height: 1.2; 52 | } 53 | 54 | @media #{$large_mobile} { 55 | font-size: 30px; 56 | line-height: 1.2; 57 | } 58 | 59 | @media #{$tab_device} { 60 | font-size: 30px; 61 | line-height: 1.2; 62 | } 63 | 64 | @media #{$medium_device} { 65 | font-size: 36px; 66 | line-height: 1.2; 67 | } 68 | } 69 | 70 | p { 71 | margin-bottom: 8px; 72 | 73 | } 74 | } 75 | 76 | .card { 77 | border: 0px solid transparent; 78 | position: relative; 79 | margin-bottom: 20px; 80 | 81 | .card-body { 82 | display: inline-block; 83 | background-color: rgba(255, 255, 255, .7); 84 | position: absolute; 85 | left: 0; 86 | bottom: -10px; 87 | padding: 51px 30px; 88 | opacity: 0; 89 | visibility: hidden; 90 | @include transform_time(.5s); 91 | 92 | h5 { 93 | font-size: 20px; 94 | font-weight: 600; 95 | margin-bottom: 4px; 96 | } 97 | } 98 | 99 | .card-img-top { 100 | border-top-left-radius: calc(0px); 101 | border-top-right-radius: calc(0px); 102 | } 103 | 104 | &:hover { 105 | .card-body { 106 | opacity: 1; 107 | visibility: visible; 108 | bottom: 0px; 109 | } 110 | } 111 | } 112 | } 113 | } -------------------------------------------------------------------------------- /sass/_project_details.scss: -------------------------------------------------------------------------------- 1 | /**************** project_datails css start ****************/ 2 | .project_details{ 3 | .project_details_content{ 4 | h3{ 5 | font-size: 32px; 6 | font-weight: 600; 7 | line-height: 1.406; 8 | margin-bottom: 20px; 9 | @media #{$small_mobile}{ 10 | font-size: 20px; 11 | } 12 | @media #{$large_mobile}{ 13 | font-size: 25px; 14 | } 15 | @media #{$tab_device}{ 16 | font-size: 28px; 17 | } 18 | @media #{$medium_device}{ 19 | font-size: 30px; 20 | } 21 | } 22 | p{ 23 | color: $font_1; 24 | font-weight: 400; 25 | } 26 | h4{ 27 | color: $menu_color; 28 | font-size: 20px; 29 | font-weight: 600; 30 | margin: 25px 0px 25px; 31 | @media #{$small_mobile}{ 32 | margin: 15px 0px 15px; 33 | } 34 | @media #{$large_mobile}{ 35 | margin: 15px 0px 15px; 36 | } 37 | @media #{$tab_device}{ 38 | margin: 15px 0px 15px; 39 | } 40 | @media #{$medium_device}{ 41 | 42 | } 43 | } 44 | } 45 | .project_details_widget{ 46 | padding: 40px 0px 0px; 47 | @media #{$small_mobile}{ 48 | padding: 20px 0px 0px; 49 | } 50 | @media #{$large_mobile}{ 51 | padding: 20px 0px 0px; 52 | } 53 | @media #{$tab_device}{ 54 | padding: 20px 0px 0px; 55 | } 56 | @media #{$medium_device}{ 57 | padding: 30px 0px 0px; 58 | } 59 | .single_project_details_widget{ 60 | position: relative; 61 | padding-left: 36px; 62 | margin-bottom: 40px; 63 | @media #{$small_mobile}{ 64 | margin-bottom: 20px; 65 | } 66 | @media #{$large_mobile}{ 67 | margin-bottom: 20px; 68 | } 69 | @media #{$tab_device}{ 70 | margin-bottom: 20px; 71 | } 72 | @media #{$medium_device}{ 73 | margin-bottom: 20px; 74 | } 75 | span{ 76 | color: $icon_color; 77 | font-size: 20px; 78 | position: absolute; 79 | left: 0; 80 | top: 5px; 81 | } 82 | h5{ 83 | font-size: 16px; 84 | font-weight: 500; 85 | margin-bottom: 1px; 86 | } 87 | h6{ 88 | font-weight: 500; 89 | font-size: 14px; 90 | margin-top: 5px; 91 | } 92 | p{ 93 | font-weight: 300; 94 | color: $font_7; 95 | 96 | } 97 | } 98 | } 99 | .single_project_details_text{ 100 | margin-bottom: 50px; 101 | @media #{$tab}{ 102 | margin-bottom: 20px; 103 | margin-top: 20px; 104 | } 105 | @media #{$medium_device}{ 106 | width: 50%; 107 | float: left; 108 | margin-top: 50px; 109 | } 110 | h4{ 111 | font-size: 20px; 112 | font-weight: 600; 113 | text-transform: uppercase; 114 | margin-bottom: 17px; 115 | } 116 | p{ 117 | color: $font_7; 118 | } 119 | } 120 | .project_contoler{ 121 | margin-top: 20px; 122 | a{ 123 | text-transform: capitalize; 124 | color: $heading_color; 125 | } 126 | } 127 | } -------------------------------------------------------------------------------- /sass/_review.scss: -------------------------------------------------------------------------------- 1 | /*****************Review part start******************/ 2 | .review_part{ 3 | position: relative; 4 | z-index: 1; 5 | .animation_icon_3{ 6 | position: absolute; 7 | top: 0; 8 | right: 5%; 9 | @media #{$tab}{ 10 | display: none; 11 | } 12 | } 13 | .review_part_text{ 14 | .client_info{ 15 | padding-bottom: 35px; 16 | display: flow-root; 17 | 18 | @media #{$tab}{ 19 | padding-bottom: 15px; 20 | } 21 | @media #{$medium_device}{ 22 | 23 | } 24 | img{ 25 | height: 90px; 26 | width: 90px; 27 | float: left; 28 | margin-right: 30px; 29 | @media #{$tab}{ 30 | margin-right: 23px; 31 | height: 50px;; 32 | width: 50px; 33 | } 34 | } 35 | h4{ 36 | margin-top: 19px; 37 | font-weight: 600; 38 | @media #{$tab}{ 39 | margin-top: 0; 40 | margin-bottom: 5px; 41 | } 42 | } 43 | p{ 44 | margin-top: 0px; 45 | } 46 | } 47 | p{ 48 | font-weight: 400i; 49 | line-height: 1.929; 50 | } 51 | } 52 | .owl-dots { 53 | text-align: center; 54 | padding-top: 65px; 55 | @media #{$small_mobile}{ 56 | padding-top: 30px; 57 | } 58 | @media #{$large_mobile}{ 59 | padding-top: 30px; 60 | } 61 | @media #{$tab_device}{ 62 | padding-top: 30px; 63 | } 64 | @media #{$medium_device}{ 65 | 66 | } 67 | button.owl-dot { 68 | width: 15px; 69 | height: 15px; 70 | border-radius: 50px; 71 | display: inline-block; 72 | background: #e9eef2; 73 | margin: 0 5px; 74 | border: 1px solid $btn_hover; 75 | &.active { 76 | background-color: $btn_hover; 77 | } 78 | &:focus { 79 | outline: #cfb579; 80 | } 81 | } 82 | } 83 | .singler_eview_part{ 84 | padding: 50px 40px 42px; 85 | border: 1px solid #ebf0ff; 86 | background-color: $white_color; 87 | @include transform_time(.5s); 88 | margin-bottom: 25px; 89 | &:hover{ 90 | box-shadow: 0px 10px 50px 0px rgba(221, 221, 221, 0.35); 91 | border: 1px solid #fff; 92 | 93 | } 94 | @media #{$tab}{ 95 | padding: 20px; 96 | } 97 | } 98 | } 99 | @media #{$small_mobile}{ 100 | .about_review{ 101 | margin-top: 0px; 102 | } 103 | } 104 | @media #{$large_mobile}{ 105 | 106 | } 107 | @media #{$tab_device}{ 108 | 109 | } 110 | @media #{$medium_device}{ 111 | 112 | } 113 | -------------------------------------------------------------------------------- /sass/_single_blog.scss: -------------------------------------------------------------------------------- 1 | 2 | .single_blog_post{ 3 | .desc{ 4 | a{ 5 | font-size: 16px; 6 | color: #232b2b !important; 7 | } 8 | } 9 | .single_blog{ 10 | .single_appartment_content{ 11 | padding: 38px 38px 23px; 12 | border: 0px solid $border_color; 13 | box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3); 14 | p{ 15 | font-size: 12px; 16 | text-transform: uppercase; 17 | margin-bottom: 20px; 18 | a{ 19 | color: $btn_bg; 20 | } 21 | } 22 | h4{ 23 | font-size: 24px; 24 | font-weight: 600; 25 | line-height: 1.481; 26 | margin-bottom: 16px; 27 | } 28 | h5{ 29 | font-size: 15px; 30 | color: $font_4; 31 | font-weight: 400; 32 | } 33 | .list-unstyled{ 34 | margin-top: 33px; 35 | li{ 36 | display: inline; 37 | margin-right: 17px; 38 | color: $font_5; 39 | a{ 40 | margin-right: 8px; 41 | color: $font_5; 42 | } 43 | } 44 | } 45 | } 46 | } 47 | } 48 | @media #{$small_mobile}{ 49 | 50 | } 51 | @media #{$large_mobile}{ 52 | 53 | } 54 | -------------------------------------------------------------------------------- /sass/_social_connect_part.scss: -------------------------------------------------------------------------------- 1 | /**************** social contact part css start ****************/ 2 | .social_connect_part{ 3 | padding-top: 130px; 4 | @media #{$small_mobile}{ 5 | padding-top: 70px; 6 | } 7 | @media #{$large_mobile}{ 8 | padding-top: 70px; 9 | } 10 | @media #{$tab_device}{ 11 | padding-top: 70px; 12 | } 13 | @media #{$medium_device}{ 14 | padding-top: 70px; 15 | } 16 | .container-fluid{ 17 | padding-left: 0px; 18 | padding-right: 0px; 19 | } 20 | .social_connect{ 21 | display: flex; 22 | justify-content: space-between; 23 | border-bottom: 10px solid $white_color; 24 | } 25 | .single-social_connect{ 26 | width: 16%; 27 | float: left; 28 | &:hover{ 29 | .social_connect_img:after{ 30 | opacity: 0.5; 31 | transform: scale(1); 32 | } 33 | .social_connect_overlay span{ 34 | visibility: visible; 35 | opacity: 1; 36 | } 37 | } 38 | .social_connect_img{ 39 | position: relative; 40 | z-index: 1; 41 | 42 | &:after{ 43 | position: absolute; 44 | left: 0; 45 | top: 0; 46 | width: 100%; 47 | height: 100%; 48 | content: ""; 49 | background-color: $black_color; 50 | opacity: 0; 51 | z-index: 1; 52 | transform: scale(.5); 53 | @include transform_time(.5s); 54 | } 55 | img{ 56 | width: 100%; 57 | height: auto; 58 | 59 | } 60 | &:hover{ 61 | .social_connect_overlay{ 62 | span{ 63 | visibility: visible; 64 | } 65 | } 66 | } 67 | .social_connect_overlay{ 68 | span{ 69 | position: absolute; 70 | text-align: center; 71 | top: 45%; 72 | left: 0; 73 | right: 0; 74 | z-index: 9; 75 | color: $white_color; 76 | visibility: hidden; 77 | font-size: 30px; 78 | @media #{$small_mobile}{ 79 | font-size: 14px; 80 | top: 40%; 81 | } 82 | @media #{$large_mobile}{ 83 | font-size: 14px; 84 | top: 40%; 85 | } 86 | @media #{$tab_device}{ 87 | font-size: 20px; 88 | top: 40%; 89 | } 90 | @media #{$medium_device}{ 91 | 92 | } 93 | } 94 | } 95 | } 96 | } 97 | } -------------------------------------------------------------------------------- /sass/_special_cource.scss: -------------------------------------------------------------------------------- 1 | /********** special_cource_css************/ 2 | .special_cource { 3 | @media #{$small_mobile} { 4 | padding: 70px 0px 50px; 5 | } 6 | 7 | @media #{$large_mobile} { 8 | padding: 70px 0px 50px; 9 | } 10 | 11 | @media #{$tab_device} { 12 | padding: 70px 0px 50px; 13 | } 14 | 15 | @media #{$medium_device} {} 16 | 17 | .single_special_cource { 18 | 19 | @media #{$small_mobile} { 20 | margin-bottom: 20px; 21 | 22 | .special_img { 23 | width: 100%; 24 | } 25 | 26 | } 27 | 28 | @media #{$large_mobile} { 29 | margin-bottom: 20px; 30 | 31 | .special_img { 32 | width: 100%; 33 | } 34 | } 35 | 36 | @media #{$tab_device} { 37 | margin-bottom: 20px; 38 | } 39 | 40 | @media #{$medium_device} {} 41 | 42 | .special_cource_text { 43 | padding: 35px 35px 40px; 44 | border: 1px solid $border_color; 45 | border-top: 0px; 46 | 47 | @media #{$small_mobile} { 48 | padding: 20px 15px 15px; 49 | } 50 | 51 | @media #{$large_mobile} { 52 | padding: 20px 15px 15px; 53 | } 54 | 55 | @media #{$tab_device} {} 56 | 57 | @media #{$medium_device} { 58 | padding: 20px 15px 15px; 59 | } 60 | 61 | h4 { 62 | float: right; 63 | color: $btn_bg; 64 | font-weight: 600; 65 | } 66 | 67 | h3 { 68 | font-size: 20px; 69 | font-weight: 600; 70 | margin-top: 25px; 71 | margin-bottom: 10px; 72 | @include transform_time(0.5s); 73 | &:hover{ 74 | color: $btn_bg; 75 | } 76 | @media #{$small_mobile} { 77 | margin-top: 15px; 78 | margin-bottom: 10px; 79 | } 80 | 81 | @media #{$large_mobile} { 82 | margin-top: 15px; 83 | margin-bottom: 10px; 84 | font-size: 18px; 85 | } 86 | 87 | @media #{$tab_device} {} 88 | 89 | @media #{$medium_device} {} 90 | } 91 | 92 | .author_info { 93 | display: flex; 94 | justify-content: space-between; 95 | padding-top: 23px; 96 | margin-top: 23px; 97 | border-top: 1px solid $border_color; 98 | 99 | .author_img { 100 | position: relative; 101 | padding-left: 60px; 102 | @media #{$large_mobile}{ 103 | padding-left: 53px; 104 | } 105 | @media #{$tab_device}{ 106 | padding-left: 53px; 107 | } 108 | 109 | img { 110 | position: absolute; 111 | left: 0; 112 | top: 0; 113 | } 114 | 115 | p { 116 | color: $author_text_color; 117 | 118 | @media #{$large_mobile} { 119 | font-size: 12px; 120 | } 121 | 122 | @media #{$tab_device} { 123 | 124 | } 125 | } 126 | 127 | h5 { 128 | 129 | 130 | a { 131 | color: $heading_color; 132 | font-size: 16px; 133 | font-weight: 500; 134 | @media #{$large_mobile} { 135 | font-size: 14px; 136 | } 137 | } 138 | } 139 | } 140 | 141 | .author_rating { 142 | float: right; 143 | 144 | .rating { 145 | a { 146 | margin-left: 5px; 147 | @media #{$large_mobile}{ 148 | margin-left: 0px; 149 | } 150 | @media #{$tab_device}{ 151 | 152 | } 153 | 154 | } 155 | } 156 | 157 | p { 158 | float: right; 159 | } 160 | } 161 | 162 | } 163 | } 164 | } 165 | } -------------------------------------------------------------------------------- /sass/_team.scss: -------------------------------------------------------------------------------- 1 | /**************** team_part css start ****************/ 2 | .single_team_member{ 3 | margin-bottom: 10px; 4 | .card-body { 5 | padding: 30px 0px 30px 0px; 6 | } 7 | 8 | .card { 9 | border: 0px solid; 10 | } 11 | .card-title{ 12 | font-size: 20px; 13 | font-weight: 700; 14 | margin-bottom: 5px; 15 | } 16 | .blog_item_date { 17 | position: absolute; 18 | background-color: #ff8b23; 19 | bottom: 99px; 20 | left: 11px; 21 | height: 55px; 22 | width: 55px; 23 | text-align: center; 24 | line-height: 55px; 25 | padding-top: 15px; 26 | h3{ 27 | font-size: 24px; 28 | font-family: $font_stack_1; 29 | color: $white_color; 30 | font-weight: 700; 31 | } 32 | } 33 | 34 | .single_team_member { 35 | position: relative; 36 | } 37 | 38 | .header_social_icon 39 | ul li { 40 | display: inline-block; 41 | margin-left: 8px; 42 | } 43 | 44 | .header_social_icon ul li a { 45 | color: #7a7575; 46 | } 47 | .tean_content{ 48 | display: inline-block; 49 | float: left; 50 | } 51 | .tean_right_content{ 52 | float: right; 53 | padding-top: 20px; 54 | } 55 | } -------------------------------------------------------------------------------- /sass/style.scss: -------------------------------------------------------------------------------- 1 | // variable scss 2 | @import "variables"; 3 | 4 | // mixin scss 5 | @import "mixins"; 6 | @import "extends"; 7 | // default scss 8 | @import "common"; 9 | 10 | // button scss 11 | @import "button"; 12 | 13 | @import "blog"; 14 | @import "single_blog"; 15 | // body scss 16 | @import "menu"; 17 | @import "banner"; 18 | @import "client_logo"; 19 | @import "our_service"; 20 | @import "about_part"; 21 | @import "our_project"; 22 | @import "creative"; 23 | @import "review"; 24 | @import "cta"; 25 | @import "testimonial_part"; 26 | @import "footer"; 27 | 28 | @import "elements"; 29 | @import "blog_part"; 30 | @import "copyright_part"; 31 | @import "contact"; 32 | 33 | // breadcrumb scss 34 | @import "breadcrumb"; 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | @import "footer"; 50 | 51 | 52 | -------------------------------------------------------------------------------- /the-code-foundation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | The Code Foundation | Winter of Code 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |

39 |

40 |

Winter of Code ' 19 41 |

42 | 49 |

50 |

51 |

52 |

53 |

54 | 60 |

61 |

62 |

63 |
64 |

65 |

The Code Foundation Projects

66 |

67 |

68 |

69 |

The Code Foundation is an open source organization focusing on developing cutting edge technological solutions which are in high demand of the community.The organization is free for all, ever welcoming to all who wish to code their way to a better world!

75 |

76 |

77 |

78 |

79 |

80 |

Vison Backend

81 |

View Project

82 |

83 |

84 |

85 |

86 |

87 |

88 |

89 |

90 |

Vison UI

91 |

View Project

92 |

93 |

94 |

95 |

96 |

97 |

98 |

99 |

100 |

101 |

102 |

103 |

104 |

105 |

106 |

107 |

Let's create something awesome together

108 | 109 | Submit Proposal 110 |

111 |

112 |

113 |

114 |

115 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 184 | 185 | 186 | 187 | --------------------------------------------------------------------------------