└── shasha └── spering-html ├── images ├── c1.png ├── c2.png ├── c3.png ├── c4.png ├── c5.png ├── c6.png ├── f1.png ├── f2.png ├── f3.png ├── f4.png ├── fb.png ├── call.png ├── logo.png ├── mail.png ├── menu.png ├── next.png ├── prev.png ├── quote.png ├── twitter.png ├── youtube.png ├── about-img.jpg ├── instagram.png ├── linkedin.png ├── location.png ├── next-angle.png ├── prev-angle.png ├── search-icon.png ├── slider-img.png ├── experience-img.jpg └── freelance-img.jpg ├── js ├── custom.js └── jquery-3.4.1.min.js ├── css ├── responsive.css ├── style.css.map ├── style.scss └── style.css ├── category.html ├── about.html ├── work.html └── index.html /shasha/spering-html/images/c1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/c1.png -------------------------------------------------------------------------------- /shasha/spering-html/images/c2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/c2.png -------------------------------------------------------------------------------- /shasha/spering-html/images/c3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/c3.png -------------------------------------------------------------------------------- /shasha/spering-html/images/c4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/c4.png -------------------------------------------------------------------------------- /shasha/spering-html/images/c5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/c5.png -------------------------------------------------------------------------------- /shasha/spering-html/images/c6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/c6.png -------------------------------------------------------------------------------- /shasha/spering-html/images/f1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/f1.png -------------------------------------------------------------------------------- /shasha/spering-html/images/f2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/f2.png -------------------------------------------------------------------------------- /shasha/spering-html/images/f3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/f3.png -------------------------------------------------------------------------------- /shasha/spering-html/images/f4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/f4.png -------------------------------------------------------------------------------- /shasha/spering-html/images/fb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/fb.png -------------------------------------------------------------------------------- /shasha/spering-html/images/call.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/call.png -------------------------------------------------------------------------------- /shasha/spering-html/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/logo.png -------------------------------------------------------------------------------- /shasha/spering-html/images/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/mail.png -------------------------------------------------------------------------------- /shasha/spering-html/images/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/menu.png -------------------------------------------------------------------------------- /shasha/spering-html/images/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/next.png -------------------------------------------------------------------------------- /shasha/spering-html/images/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/prev.png -------------------------------------------------------------------------------- /shasha/spering-html/images/quote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/quote.png -------------------------------------------------------------------------------- /shasha/spering-html/images/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/twitter.png -------------------------------------------------------------------------------- /shasha/spering-html/images/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/youtube.png -------------------------------------------------------------------------------- /shasha/spering-html/images/about-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/about-img.jpg -------------------------------------------------------------------------------- /shasha/spering-html/images/instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/instagram.png -------------------------------------------------------------------------------- /shasha/spering-html/images/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/linkedin.png -------------------------------------------------------------------------------- /shasha/spering-html/images/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/location.png -------------------------------------------------------------------------------- /shasha/spering-html/images/next-angle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/next-angle.png -------------------------------------------------------------------------------- /shasha/spering-html/images/prev-angle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/prev-angle.png -------------------------------------------------------------------------------- /shasha/spering-html/images/search-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/search-icon.png -------------------------------------------------------------------------------- /shasha/spering-html/images/slider-img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/slider-img.png -------------------------------------------------------------------------------- /shasha/spering-html/images/experience-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/experience-img.jpg -------------------------------------------------------------------------------- /shasha/spering-html/images/freelance-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shanthini10/shanthini/HEAD/shasha/spering-html/images/freelance-img.jpg -------------------------------------------------------------------------------- /shasha/spering-html/js/custom.js: -------------------------------------------------------------------------------- 1 | // nav menu style 2 | var nav = $("#navbarSupportedContent"); 3 | var btn = $(".custom_menu-btn"); 4 | btn.click 5 | btn.click(function (e) { 6 | 7 | e.preventDefault(); 8 | nav.toggleClass("lg_nav-toggle"); 9 | document.querySelector(".custom_menu-btn").classList.toggle("menu_btn-style") 10 | }); 11 | 12 | 13 | function getCurrentYear() { 14 | var d = new Date(); 15 | var currentYear = d.getFullYear() 16 | 17 | $("#displayDate").html(currentYear); 18 | } 19 | 20 | getCurrentYear(); -------------------------------------------------------------------------------- /shasha/spering-html/css/responsive.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 1120px) {} 2 | 3 | @media (max-width: 992px) { 4 | .hero_area { 5 | height: auto; 6 | } 7 | 8 | #navbarSupportedContent { 9 | opacity: 1; 10 | transform: none; 11 | margin-top: 15px; 12 | } 13 | 14 | 15 | .navbar-toggler { 16 | padding: 0.25rem 0; 17 | } 18 | 19 | 20 | .header_section .user_option { 21 | display: none; 22 | } 23 | 24 | .custom_menu-btn { 25 | display: none; 26 | } 27 | 28 | .navbar-nav { 29 | align-items: center; 30 | } 31 | 32 | .custom_nav-container .navbar-toggler { 33 | margin-left: auto; 34 | } 35 | 36 | .custom_nav-container { 37 | padding: 15px 0; 38 | height: auto; 39 | } 40 | 41 | .slider_section { 42 | padding-top: 45px; 43 | padding-bottom: 120px; 44 | } 45 | 46 | .info_section .info_contact .link-box .img-box { 47 | margin-right: 8px; 48 | } 49 | 50 | } 51 | 52 | @media (max-width: 767px) { 53 | .hero_area { 54 | background: none; 55 | background-color: #1a2e35; 56 | /* background: linear-gradient(to bottom, #1a2e35 40%, #1cbbb4 40%); */ 57 | } 58 | 59 | .slider_section { 60 | text-align: center; 61 | padding-bottom: 0; 62 | } 63 | 64 | .slider_section .detail-box { 65 | margin-bottom: 75px; 66 | } 67 | 68 | .slider_section .detail-box .btn-box { 69 | justify-content: center; 70 | } 71 | 72 | 73 | .img-container { 74 | padding: 0; 75 | } 76 | 77 | .slider_section .img-container .img-box { 78 | 79 | padding: 45px 0; 80 | background-color: #1cbbb4; 81 | } 82 | 83 | .experience_section .img-box { 84 | 85 | margin-bottom: 45px; 86 | 87 | } 88 | 89 | .category_section .category_container .box { 90 | flex-basis: 34%; 91 | } 92 | 93 | .client_section .detail-box { 94 | margin: 25px; 95 | padding: 45px 25px 35px 25px; 96 | } 97 | 98 | .client_section .carousel-control-prev, 99 | .client_section .carousel-control-next { 100 | top: 92%; 101 | } 102 | 103 | .info_section .info_top { 104 | 105 | flex-direction: column; 106 | 107 | } 108 | 109 | .info_section .info_top .social_box { 110 | margin-top: 35px; 111 | } 112 | 113 | .info_section .row>div { 114 | 115 | display: flex; 116 | flex-direction: column; 117 | align-items: center; 118 | text-align: center; 119 | margin-bottom: 25px; 120 | 121 | } 122 | 123 | .info_section .info_contact .link-box { 124 | margin: 0; 125 | } 126 | 127 | 128 | 129 | } 130 | 131 | @media (max-width: 576px) { 132 | .category_section .category_container { 133 | justify-content: center; 134 | } 135 | 136 | .category_section .category_container .box { 137 | flex-basis: 52%; 138 | } 139 | } 140 | 141 | @media (max-width: 480px) {} 142 | 143 | @media (max-width: 420px) { 144 | .client_section .detail-box { 145 | margin: 25px 5px; 146 | box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.2); 147 | } 148 | 149 | .slider_section .carousel_btn-container { 150 | 151 | width: 100px; 152 | } 153 | 154 | .slider_section .carousel_btn-container .carousel-control-prev, 155 | .slider_section .carousel_btn-container .carousel-control-next { 156 | width: 45px; 157 | height: 45px; 158 | background-size: 12px; 159 | } 160 | 161 | .slider_section ol.carousel-indicators { 162 | right: 0; 163 | } 164 | 165 | .client_section .carousel-control-prev, 166 | .client_section .carousel-control-next { 167 | 168 | top: 95%; 169 | 170 | } 171 | 172 | 173 | .client_section .carousel-control-prev, 174 | .client_section .carousel-control-next { 175 | width: 50px; 176 | height: 50px; 177 | background-size: 8px; 178 | } 179 | 180 | .freelance_section .tab_container .t-link-box .detail-box h3 { 181 | font-size: 22px; 182 | } 183 | } 184 | 185 | @media (max-width: 360px) {} 186 | 187 | @media (min-width: 1200px) { 188 | .container { 189 | max-width: 1170px; 190 | } 191 | } -------------------------------------------------------------------------------- /shasha/spering-html/category.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
104 |
114 |
124 |
134 |
144 |
154 |
174 |
175 | Spering
176 |
177 | 225 | Readable content of a page when looking at its layoutreadable content of a page when looking at its layout 226 |
227 |234 | Readable content of a page when looking at its layoutreadable content of a page when looking at its layout 235 |
236 |