├── assets ├── css │ ├── reset.css │ ├── responsive.css │ └── styles.css ├── favicon │ ├── android-icon-144x144.png │ ├── android-icon-192x192.png │ ├── android-icon-36x36.png │ ├── android-icon-48x48.png │ ├── android-icon-72x72.png │ ├── android-icon-96x96.png │ ├── apple-icon-114x114.png │ ├── apple-icon-120x120.png │ ├── apple-icon-144x144.png │ ├── apple-icon-152x152.png │ ├── apple-icon-180x180.png │ ├── apple-icon-57x57.png │ ├── apple-icon-60x60.png │ ├── apple-icon-72x72.png │ ├── apple-icon-76x76.png │ ├── apple-icon-precomposed.png │ ├── apple-icon.png │ ├── browserconfig.xml │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon-96x96.png │ ├── favicon.ico │ ├── manifest.json │ ├── ms-icon-144x144.png │ ├── ms-icon-150x150.png │ ├── ms-icon-310x310.png │ └── ms-icon-70x70.png ├── fonts │ ├── Poppins │ │ ├── Poppins-Black.woff │ │ ├── Poppins-Black.woff2 │ │ ├── Poppins-BlackItalic.woff │ │ ├── Poppins-BlackItalic.woff2 │ │ ├── Poppins-Bold.woff │ │ ├── Poppins-Bold.woff2 │ │ ├── Poppins-BoldItalic.woff │ │ ├── Poppins-BoldItalic.woff2 │ │ ├── Poppins-ExtraBold.woff │ │ ├── Poppins-ExtraBold.woff2 │ │ ├── Poppins-ExtraBoldItalic.woff │ │ ├── Poppins-ExtraBoldItalic.woff2 │ │ ├── Poppins-ExtraLight.woff │ │ ├── Poppins-ExtraLight.woff2 │ │ ├── Poppins-ExtraLightItalic.woff │ │ ├── Poppins-ExtraLightItalic.woff2 │ │ ├── Poppins-Italic.woff │ │ ├── Poppins-Italic.woff2 │ │ ├── Poppins-Light.woff │ │ ├── Poppins-Light.woff2 │ │ ├── Poppins-LightItalic.woff │ │ ├── Poppins-LightItalic.woff2 │ │ ├── Poppins-Medium.woff │ │ ├── Poppins-Medium.woff2 │ │ ├── Poppins-MediumItalic.woff │ │ ├── Poppins-MediumItalic.woff2 │ │ ├── Poppins-Regular.woff │ │ ├── Poppins-Regular.woff2 │ │ ├── Poppins-SemiBold.woff │ │ ├── Poppins-SemiBold.woff2 │ │ ├── Poppins-SemiBoldItalic.woff │ │ ├── Poppins-SemiBoldItalic.woff2 │ │ ├── Poppins-Thin.woff │ │ ├── Poppins-Thin.woff2 │ │ ├── Poppins-ThinItalic.woff │ │ └── Poppins-ThinItalic.woff2 │ └── stylesheet.css └── img │ ├── arrow-right.svg │ ├── arrow-trend-up.svg │ ├── avatar-1.jpg │ ├── avatar-10.jpg │ ├── avatar-11.jpg │ ├── avatar-12.jpg │ ├── avatar-13.jfif │ ├── avatar-2.jpg │ ├── avatar-3.jpg │ ├── avatar-4.webp │ ├── avatar-5.jpg │ ├── avatar-6.jpg │ ├── avatar-7.jpeg │ ├── avatar-8.jpg │ ├── avatar-9.jpg │ ├── beds.svg │ ├── both.svg │ ├── buyer.svg │ ├── client-1.svg │ ├── client-2.svg │ ├── client-3.svg │ ├── client-4.svg │ ├── client-5.svg │ ├── facebook.svg │ ├── featured-1.jpg │ ├── featured-2.jpg │ ├── featured-3.jpg │ ├── hero-img.svg │ ├── linkedin.svg │ ├── logo.svg │ ├── newletter.svg │ ├── renter.svg │ ├── seller.svg │ ├── sqft.svg │ ├── star.svg │ ├── stats-img.jpg │ └── twitter.svg └── index.html /assets/css/reset.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, 7 | body, 8 | div, 9 | span, 10 | applet, 11 | object, 12 | iframe, 13 | h1, 14 | h2, 15 | h3, 16 | h4, 17 | h5, 18 | h6, 19 | p, 20 | blockquote, 21 | pre, 22 | a, 23 | abbr, 24 | acronym, 25 | address, 26 | big, 27 | cite, 28 | code, 29 | del, 30 | dfn, 31 | em, 32 | img, 33 | ins, 34 | kbd, 35 | q, 36 | s, 37 | samp, 38 | small, 39 | strike, 40 | strong, 41 | sub, 42 | sup, 43 | tt, 44 | var, 45 | b, 46 | u, 47 | i, 48 | center, 49 | dl, 50 | dt, 51 | dd, 52 | ol, 53 | ul, 54 | li, 55 | fieldset, 56 | form, 57 | label, 58 | legend, 59 | table, 60 | caption, 61 | tbody, 62 | tfoot, 63 | thead, 64 | tr, 65 | th, 66 | td, 67 | article, 68 | aside, 69 | canvas, 70 | details, 71 | embed, 72 | figure, 73 | figcaption, 74 | footer, 75 | header, 76 | hgroup, 77 | menu, 78 | nav, 79 | output, 80 | ruby, 81 | section, 82 | summary, 83 | time, 84 | mark, 85 | audio, 86 | video { 87 | margin: 0; 88 | padding: 0; 89 | border: 0; 90 | font-size: 100%; 91 | font: inherit; 92 | vertical-align: baseline; 93 | } 94 | /* HTML5 display-role reset for older browsers */ 95 | article, 96 | aside, 97 | details, 98 | figcaption, 99 | figure, 100 | footer, 101 | header, 102 | hgroup, 103 | menu, 104 | nav, 105 | section { 106 | display: block; 107 | } 108 | body { 109 | line-height: 1; 110 | } 111 | ol, 112 | ul { 113 | list-style: none; 114 | } 115 | blockquote, 116 | q { 117 | quotes: none; 118 | } 119 | blockquote:before, 120 | blockquote:after, 121 | q:before, 122 | q:after { 123 | content: ""; 124 | content: none; 125 | } 126 | table { 127 | border-collapse: collapse; 128 | border-spacing: 0; 129 | } 130 | -------------------------------------------------------------------------------- /assets/css/responsive.css: -------------------------------------------------------------------------------- 1 | /* PC */ 2 | @media screen and (min-width: 992px) { 3 | .mobile-header { 4 | display: none; 5 | } 6 | 7 | .show-on-mobile { 8 | display: none; 9 | } 10 | } 11 | 12 | /* Tablet & mobile */ 13 | @media screen and (max-width: 991px) { 14 | .navbar { 15 | position: relative; 16 | } 17 | 18 | .navbar .logo { 19 | position: absolute; 20 | top: 50%; 21 | left: 50%; 22 | transform: translate(-50%, -50%); 23 | } 24 | 25 | .navbar ul { 26 | display: none; 27 | } 28 | 29 | .toggle-menu svg { 30 | width: 24px; 31 | color: #666; 32 | } 33 | 34 | .menu-overlay { 35 | position: fixed; 36 | inset: 0; 37 | background: rgba(0, 0, 0, 0.3); 38 | z-index: 1; 39 | opacity: 0; 40 | visibility: hidden; 41 | transition: 0.5s ease; 42 | } 43 | 44 | .menu-drawer { 45 | position: fixed; 46 | inset: 0 40% 0 0; 47 | background: #fff; 48 | z-index: 2; 49 | padding: 60px; 50 | transform: translateX(-100%); 51 | transition: 0.5s ease; 52 | } 53 | 54 | .menu-drawer ul { 55 | margin-top: 32px; 56 | } 57 | 58 | .menu-drawer ul a { 59 | display: block; 60 | padding: 14px 0; 61 | color: #333; 62 | font-weight: 500; 63 | } 64 | 65 | .menu-checkbox:checked ~ .menu-overlay { 66 | opacity: 1; 67 | visibility: visible; 68 | } 69 | 70 | .menu-checkbox:checked ~ .menu-drawer { 71 | transform: translateX(0); 72 | } 73 | 74 | .separate { 75 | border-top: 1.5px solid #ebebeb; 76 | } 77 | 78 | .hero-img { 79 | display: none; 80 | } 81 | 82 | .hero-wrap .info { 83 | width: 80%; 84 | margin: 0 auto; 85 | text-align: center; 86 | } 87 | 88 | .hero-wrap .desc { 89 | width: 80%; 90 | margin: 30px auto auto; 91 | } 92 | 93 | .clients .images { 94 | flex-wrap: wrap; 95 | justify-content: center; 96 | } 97 | 98 | .guide-item { 99 | flex: 1; 100 | margin: 0; 101 | } 102 | 103 | .featured .list { 104 | grid-template-columns: 1fr 1fr; 105 | } 106 | 107 | .stats .row { 108 | flex-direction: column; 109 | } 110 | 111 | .stats .img-block, 112 | .stats .info { 113 | width: 100%; 114 | } 115 | 116 | .stats .img-block { 117 | order: 2; 118 | margin-top: 80px; 119 | } 120 | 121 | .stats .info { 122 | order: 1; 123 | padding: 0; 124 | } 125 | 126 | .stats .sub-title { 127 | width: 70%; 128 | } 129 | 130 | .stats .info .desc { 131 | width: 100%; 132 | } 133 | 134 | .stats .row-qty { 135 | flex-direction: row; 136 | } 137 | 138 | .stats .qty { 139 | font-size: 5rem; 140 | } 141 | 142 | .stats .qty-desc { 143 | font-size: 1.5rem; 144 | } 145 | 146 | .subscription .image { 147 | display: none; 148 | } 149 | 150 | .footer .row-top { 151 | display: grid; 152 | grid-template-columns: 1fr 2fr; 153 | row-gap: 80px; 154 | } 155 | } 156 | 157 | /* Tablet */ 158 | @media screen and (min-width: 768px) and (max-width: 991px) { 159 | .show-on-mobile { 160 | display: none; 161 | } 162 | } 163 | 164 | /* Mobile */ 165 | @media screen and (max-width: 767px) { 166 | .hide-on-mobile { 167 | display: none; 168 | } 169 | 170 | .menu-drawer { 171 | inset: 0 25% 0 0; 172 | padding: 40px; 173 | } 174 | 175 | .navbar .actions { 176 | display: none; 177 | } 178 | 179 | .hero-wrap { 180 | height: calc(100vh - 80px); 181 | } 182 | 183 | .hero-wrap .title { 184 | margin-top: 20px; 185 | font-size: 5.2rem; 186 | } 187 | 188 | .hero-wrap .desc { 189 | width: 100%; 190 | } 191 | 192 | .clients .images { 193 | row-gap: 20px; 194 | } 195 | 196 | .list-guide { 197 | flex-direction: column; 198 | row-gap: 60px; 199 | } 200 | 201 | .guide-cta { 202 | margin-top: 60px; 203 | } 204 | 205 | .featured .link { 206 | display: none; 207 | } 208 | 209 | .featured .list { 210 | grid-template-columns: 1fr; 211 | } 212 | 213 | .featured .view-all { 214 | display: flex; 215 | justify-content: center; 216 | margin-top: 60px; 217 | } 218 | 219 | .stats .sub-title { 220 | width: 100%; 221 | } 222 | 223 | .stats .img-block .image { 224 | width: 100%; 225 | } 226 | 227 | .stats-trend { 228 | left: 20px; 229 | } 230 | 231 | .stats .row-qty { 232 | flex-direction: column; 233 | align-items: center; 234 | row-gap: 60px; 235 | } 236 | 237 | .subscription .info { 238 | padding: 32px; 239 | } 240 | 241 | .subscription .body { 242 | height: auto; 243 | } 244 | 245 | .footer .row-top { 246 | grid-template-columns: 1fr; 247 | } 248 | 249 | .footer .row-bottom { 250 | flex-direction: column; 251 | align-items: flex-start; 252 | row-gap: 24px; 253 | } 254 | } 255 | -------------------------------------------------------------------------------- /assets/css/styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | :root { 6 | --primary-color: #0f1b4c; 7 | } 8 | 9 | html, 10 | body { 11 | scroll-behavior: smooth; 12 | } 13 | 14 | html { 15 | font-size: 62.5%; 16 | } 17 | 18 | body { 19 | font-size: 1.6rem; 20 | font-family: "Poppins", sans-serif; 21 | } 22 | 23 | /* Common */ 24 | a { 25 | text-decoration: none; 26 | } 27 | 28 | .content { 29 | width: 1110px; 30 | max-width: calc(100% - 48px); 31 | margin-left: auto; 32 | margin-right: auto; 33 | } 34 | 35 | .btn { 36 | display: inline-block; 37 | min-width: 98px; 38 | padding: 18px 16px; 39 | background: var(--primary-color); 40 | border-radius: 12px; 41 | font-weight: 500; 42 | font-size: 1.4rem; 43 | text-align: center; 44 | color: #ffffff; 45 | } 46 | 47 | .btn:hover { 48 | opacity: 0.9; 49 | } 50 | 51 | .line-clamp { 52 | display: -webkit-box; 53 | -webkit-line-clamp: var(--line-clamp, 2); 54 | -webkit-box-orient: vertical; 55 | overflow: hidden; 56 | } 57 | 58 | /* ======== Header ======== */ 59 | .fixed-header { 60 | background: #e6f0ff; 61 | padding-top: 26px; 62 | position: sticky; 63 | top: -26px; 64 | z-index: 1; 65 | } 66 | 67 | .hero-wrap { 68 | position: relative; 69 | display: flex; 70 | flex-direction: column; 71 | justify-content: center; 72 | background: #e6f0ff; 73 | height: calc(100vh - 90px); 74 | } 75 | 76 | .navbar { 77 | display: flex; 78 | align-items: center; 79 | padding: 12px 0; 80 | } 81 | 82 | .navbar ul { 83 | display: flex; 84 | margin-left: 50px; 85 | } 86 | 87 | .navbar .actions { 88 | margin-left: auto; 89 | } 90 | 91 | .navbar ul a { 92 | font-weight: 500; 93 | font-size: 1.4rem; 94 | color: #4f5361; 95 | padding: 8px 14px; 96 | } 97 | 98 | .navbar ul a:hover { 99 | text-decoration: underline; 100 | } 101 | 102 | .navbar .action-link { 103 | font-weight: 500; 104 | font-size: 1.4rem; 105 | color: var(--primary-color); 106 | } 107 | 108 | .navbar .action-btn { 109 | padding: 13px 16px; 110 | margin-left: 18px; 111 | border-radius: 8px; 112 | } 113 | 114 | .hero-wrap .info { 115 | width: 51%; 116 | } 117 | 118 | .hero-wrap .sub-title { 119 | font-weight: 500; 120 | font-size: 1.8rem; 121 | line-height: 1.5; 122 | letter-spacing: 0.01em; 123 | color: #687690; 124 | } 125 | 126 | .hero-wrap .title { 127 | margin-top: 8px; 128 | font-weight: 700; 129 | font-size: 6.2rem; 130 | line-height: 1.19; 131 | color: #000336; 132 | } 133 | 134 | .hero-wrap .desc { 135 | margin-top: 30px; 136 | font-weight: 400; 137 | font-size: 1.8rem; 138 | line-height: 1.78; 139 | color: #5a6473; 140 | } 141 | 142 | .hero-cta { 143 | min-width: 170px; 144 | margin-top: 40px; 145 | } 146 | 147 | .hero-img { 148 | position: absolute; 149 | right: calc((100vw - 1110px) / 2 - 100px); 150 | bottom: 0; 151 | } 152 | 153 | /* ======== Clients ======== */ 154 | .clients { 155 | margin-top: 79px; 156 | padding: 43px 0 64px; 157 | } 158 | 159 | .clients .row { 160 | display: flex; 161 | justify-content: space-between; 162 | } 163 | 164 | .clients .desc { 165 | font-weight: 500; 166 | font-size: 1.6rem; 167 | line-height: 1.25; 168 | color: #7d8589; 169 | } 170 | 171 | .clients .row-desc { 172 | margin-top: 23px; 173 | } 174 | 175 | .clients .images { 176 | display: flex; 177 | align-items: center; 178 | justify-content: space-between; 179 | margin-top: 70px; 180 | } 181 | 182 | .clients .images a { 183 | display: flex; 184 | align-items: center; 185 | height: 90px; 186 | padding: 0 42px; 187 | border-radius: 12px; 188 | } 189 | 190 | .clients .images a:hover { 191 | box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); 192 | } 193 | 194 | /* ======== Guides ======== */ 195 | .guides { 196 | margin-top: 40px; 197 | padding: 93px 0 79px; 198 | } 199 | 200 | .guides .sub-title { 201 | position: relative; 202 | font-weight: 600; 203 | font-size: 3.5rem; 204 | line-height: 1; 205 | text-align: center; 206 | color: #000339; 207 | } 208 | 209 | .guides .sub-title::before { 210 | position: absolute; 211 | top: -10px; 212 | left: 50%; 213 | transform: translateX(-50%); 214 | content: ""; 215 | display: inline-block; 216 | width: 41px; 217 | height: 4px; 218 | background: #000339; 219 | border-radius: 12px; 220 | } 221 | 222 | .guides .desc { 223 | width: 459px; 224 | max-width: 100%; 225 | margin: 20px auto 0; 226 | font-weight: 400; 227 | font-size: 1.6rem; 228 | line-height: 1.88; 229 | text-align: center; 230 | color: #5a6473; 231 | } 232 | 233 | .list-guide { 234 | display: flex; 235 | justify-content: center; 236 | margin-top: 70px; 237 | } 238 | 239 | .guide-item { 240 | margin: 0 70px; 241 | text-align: center; 242 | } 243 | 244 | .guide-item .title { 245 | margin-top: 26px; 246 | font-weight: 500; 247 | font-size: 2rem; 248 | line-height: 1.1; 249 | color: #3b3c45; 250 | } 251 | 252 | .guide-item .link { 253 | display: inline-block; 254 | margin-top: 10px; 255 | font-weight: 600; 256 | font-size: 1.4rem; 257 | color: #0689ff; 258 | } 259 | 260 | .guide-item .arrow { 261 | margin-left: 6px; 262 | } 263 | 264 | .guide-cta { 265 | display: flex; 266 | justify-content: center; 267 | margin-top: 50px; 268 | } 269 | 270 | .guide-cta .btn { 271 | min-width: 170px; 272 | } 273 | 274 | /* ======== Featured ======== */ 275 | .featured { 276 | margin-top: 41px; 277 | padding: 110px 0; 278 | background: #f5fafe; 279 | } 280 | 281 | .featured .sub-title { 282 | font-weight: 600; 283 | font-size: 3.5rem; 284 | line-height: 1; 285 | color: #000339; 286 | } 287 | 288 | .featured .row { 289 | display: flex; 290 | justify-content: space-between; 291 | margin-top: 15px; 292 | } 293 | 294 | .featured .desc { 295 | font-weight: 400; 296 | font-size: 1.6rem; 297 | line-height: 1.88; 298 | color: #5a6473; 299 | } 300 | 301 | .featured .link { 302 | display: flex; 303 | align-items: center; 304 | font-weight: 600; 305 | font-size: 1.8rem; 306 | color: #0689ff; 307 | } 308 | 309 | .featured .link .arrow { 310 | margin-left: 8px; 311 | } 312 | 313 | .featured .list { 314 | display: grid; 315 | grid-template-columns: repeat(3, 1fr); 316 | gap: 30px; 317 | margin-top: 70px; 318 | } 319 | 320 | .featured .item { 321 | flex: 1; 322 | background: #fff; 323 | border-radius: 12px; 324 | } 325 | 326 | .featured .item .thumb { 327 | width: 100%; 328 | height: 227px; 329 | object-fit: cover; 330 | border-top-left-radius: 12px; 331 | border-top-right-radius: 12px; 332 | } 333 | 334 | .featured .item .body { 335 | padding: 17px 20px 24px; 336 | } 337 | 338 | .featured .item .title a { 339 | font-weight: 600; 340 | font-size: 2rem; 341 | line-height: 1.5; 342 | color: #000339; 343 | } 344 | 345 | .featured .item .desc { 346 | margin-top: 11px; 347 | font-weight: 500; 348 | font-size: 1.4rem; 349 | line-height: 1.5; 350 | color: #a3a6ab; 351 | word-break: break-all; 352 | } 353 | 354 | .featured .item .info { 355 | display: flex; 356 | align-items: center; 357 | margin-top: 21px; 358 | } 359 | 360 | .featured .item .icon { 361 | margin-left: 23px; 362 | } 363 | 364 | .featured .item .icon:first-child { 365 | margin-left: 0; 366 | } 367 | 368 | .featured .item .label { 369 | margin-left: 8px; 370 | font-weight: 500; 371 | font-size: 1.4rem; 372 | letter-spacing: 0.01em; 373 | color: #4d4d52; 374 | } 375 | 376 | /* Stats */ 377 | .stats { 378 | margin-top: 75px; 379 | padding: 50px 0; 380 | } 381 | 382 | .stats .content { 383 | width: 1048px; 384 | } 385 | 386 | .stats .row { 387 | display: flex; 388 | } 389 | 390 | .stats .img-block, 391 | .stats .info { 392 | width: 50%; 393 | } 394 | 395 | .stats .img-block { 396 | position: relative; 397 | } 398 | 399 | .stats .info { 400 | padding: 79px 0 0 165px; 401 | } 402 | 403 | .stats-trend { 404 | position: absolute; 405 | top: 0; 406 | left: 0; 407 | width: 239px; 408 | padding: 45px 22px 40px; 409 | border-radius: 0px 0px 12px 12px; 410 | background-color: #fff; 411 | } 412 | 413 | .stats-trend .value { 414 | font-weight: 700; 415 | font-size: 2.6rem; 416 | letter-spacing: 0.01em; 417 | color: #000339; 418 | } 419 | 420 | .stats-trend .icon { 421 | margin-left: auto; 422 | } 423 | 424 | .stats-trend .desc { 425 | margin-top: 8px; 426 | font-weight: 400; 427 | font-size: 1.2rem; 428 | line-height: 1.5; 429 | color: #a7a7a7; 430 | } 431 | 432 | .stats-trend .separate { 433 | height: 1.2px; 434 | margin-top: 25px; 435 | background: #e9e9e9; 436 | } 437 | 438 | .stats .avatar-block { 439 | display: flex; 440 | flex-wrap: wrap; 441 | gap: 16px 14px; 442 | margin-top: 26px; 443 | } 444 | 445 | .stats .avatar-group { 446 | display: flex; 447 | } 448 | 449 | .stats .avatar { 450 | width: 16px; 451 | height: 16px; 452 | margin-left: -3px; 453 | object-fit: cover; 454 | border-radius: 50%; 455 | background: var(--bg-color, #fff); 456 | font-weight: 450; 457 | font-size: 0.7rem; 458 | line-height: 16px; 459 | text-align: center; 460 | letter-spacing: -0.02em; 461 | color: #ffffff; 462 | } 463 | 464 | .stats .avatar:first-child { 465 | margin-left: 0; 466 | } 467 | 468 | .stats .img-block .image { 469 | display: block; 470 | margin-left: auto; 471 | width: 400px; 472 | height: 460px; 473 | border-radius: 12px; 474 | object-fit: cover; 475 | } 476 | 477 | .stats .sub-title { 478 | position: relative; 479 | width: 269px; 480 | font-weight: 600; 481 | font-size: 3.5rem; 482 | line-height: 1.29; 483 | color: #000339; 484 | } 485 | 486 | .stats .sub-title::before { 487 | position: absolute; 488 | top: -10px; 489 | left: 0; 490 | content: ""; 491 | display: block; 492 | width: 41px; 493 | height: 4px; 494 | background: #000339; 495 | border-radius: 12px; 496 | } 497 | 498 | .stats .info .desc { 499 | width: 309px; 500 | margin-top: 20px; 501 | font-weight: 400; 502 | font-size: 1.6rem; 503 | line-height: 1.88; 504 | color: #5a6473; 505 | } 506 | 507 | .stats .row-qty { 508 | justify-content: space-between; 509 | margin-top: 110px; 510 | padding: 0 32px; 511 | } 512 | 513 | .stats .qty { 514 | font-weight: 600; 515 | font-size: 6.4rem; 516 | color: #000000; 517 | } 518 | 519 | .stats .qty-desc { 520 | margin-top: 24px; 521 | font-weight: 500; 522 | font-size: 1.8rem; 523 | color: #7b8087; 524 | } 525 | 526 | /* Subscription */ 527 | .subscription { 528 | margin-top: 90px; 529 | } 530 | 531 | .subscription .body { 532 | position: relative; 533 | display: flex; 534 | align-items: center; 535 | height: 370px; 536 | background: #063183; 537 | border-radius: 20px; 538 | } 539 | 540 | .subscription .info { 541 | width: 671px; 542 | padding: 0 80px; 543 | } 544 | 545 | .subscription .sub-title { 546 | font-weight: 600; 547 | font-size: 3.5rem; 548 | line-height: 1.5; 549 | color: #ffffff; 550 | } 551 | 552 | .subscription .desc { 553 | margin-top: 15px; 554 | font-weight: 400; 555 | font-size: 1.6rem; 556 | line-height: 1.88; 557 | color: #ffffff; 558 | opacity: 0.75; 559 | } 560 | 561 | .subscription .btn { 562 | margin-top: 20px; 563 | min-width: 151px; 564 | background: #fff; 565 | color: #002366; 566 | } 567 | 568 | .subscription .image { 569 | position: absolute; 570 | bottom: 0; 571 | right: 221px; 572 | } 573 | 574 | /* Footer */ 575 | .footer { 576 | margin-top: 55px; 577 | padding: 50px 0 58px; 578 | } 579 | 580 | .footer .row { 581 | display: flex; 582 | } 583 | 584 | .footer .row-top { 585 | column-gap: 185px; 586 | } 587 | 588 | .footer .heading { 589 | font-family: "Lato", sans-serif; 590 | font-weight: 700; 591 | font-size: 2rem; 592 | color: #1c1c1d; 593 | } 594 | 595 | .footer .list, 596 | .footer .desc { 597 | margin-top: 42px; 598 | } 599 | 600 | .footer .item { 601 | margin-top: 18px; 602 | } 603 | 604 | .footer .item a, 605 | .footer .desc { 606 | font-weight: 400; 607 | font-size: 1.6rem; 608 | color: #7a7a7e; 609 | white-space: nowrap; 610 | } 611 | 612 | .footer .desc { 613 | white-space: normal; 614 | line-height: 1.75; 615 | } 616 | 617 | .footer .social { 618 | display: flex; 619 | margin-top: 40px; 620 | } 621 | 622 | .footer .social-link { 623 | display: flex; 624 | align-items: center; 625 | justify-content: center; 626 | width: 28px; 627 | height: 28px; 628 | border-radius: 3px; 629 | background: #f9f9f9; 630 | } 631 | 632 | .footer .social-link + .social-link { 633 | margin-left: 16px; 634 | } 635 | 636 | .footer .social-link:hover { 637 | background: #ebebeb; 638 | } 639 | 640 | .footer .row-bottom { 641 | display: flex; 642 | align-items: center; 643 | justify-content: space-between; 644 | margin-top: 81px; 645 | } 646 | 647 | .footer .copyright { 648 | font-weight: 400; 649 | font-size: 1.4rem; 650 | color: #c2c2c2; 651 | } 652 | -------------------------------------------------------------------------------- /assets/favicon/android-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/android-icon-144x144.png -------------------------------------------------------------------------------- /assets/favicon/android-icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/android-icon-192x192.png -------------------------------------------------------------------------------- /assets/favicon/android-icon-36x36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/android-icon-36x36.png -------------------------------------------------------------------------------- /assets/favicon/android-icon-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/android-icon-48x48.png -------------------------------------------------------------------------------- /assets/favicon/android-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/android-icon-72x72.png -------------------------------------------------------------------------------- /assets/favicon/android-icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/android-icon-96x96.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-114x114.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-120x120.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-144x144.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-152x152.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-180x180.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-57x57.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-60x60.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-72x72.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-76x76.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon-precomposed.png -------------------------------------------------------------------------------- /assets/favicon/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/apple-icon.png -------------------------------------------------------------------------------- /assets/favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | #ffffff -------------------------------------------------------------------------------- /assets/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /assets/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /assets/favicon/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/favicon-96x96.png -------------------------------------------------------------------------------- /assets/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/favicon.ico -------------------------------------------------------------------------------- /assets/favicon/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "App", 3 | "icons": [ 4 | { 5 | "src": "/assets/favicon/android-icon-36x36.png", 6 | "sizes": "36x36", 7 | "type": "image/png", 8 | "density": "0.75" 9 | }, 10 | { 11 | "src": "/assets/favicon/android-icon-48x48.png", 12 | "sizes": "48x48", 13 | "type": "image/png", 14 | "density": "1.0" 15 | }, 16 | { 17 | "src": "/assets/favicon/android-icon-72x72.png", 18 | "sizes": "72x72", 19 | "type": "image/png", 20 | "density": "1.5" 21 | }, 22 | { 23 | "src": "/assets/favicon/android-icon-96x96.png", 24 | "sizes": "96x96", 25 | "type": "image/png", 26 | "density": "2.0" 27 | }, 28 | { 29 | "src": "/assets/favicon/android-icon-144x144.png", 30 | "sizes": "144x144", 31 | "type": "image/png", 32 | "density": "3.0" 33 | }, 34 | { 35 | "src": "/assets/favicon/android-icon-192x192.png", 36 | "sizes": "192x192", 37 | "type": "image/png", 38 | "density": "4.0" 39 | } 40 | ] 41 | } 42 | -------------------------------------------------------------------------------- /assets/favicon/ms-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/ms-icon-144x144.png -------------------------------------------------------------------------------- /assets/favicon/ms-icon-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/ms-icon-150x150.png -------------------------------------------------------------------------------- /assets/favicon/ms-icon-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/ms-icon-310x310.png -------------------------------------------------------------------------------- /assets/favicon/ms-icon-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/favicon/ms-icon-70x70.png -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Black.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Black.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-BlackItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-BlackItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-BlackItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-BlackItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Bold.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Bold.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-BoldItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-BoldItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraBold.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraBold.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraLight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraLight.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraLight.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraLight.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraLightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraLightItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ExtraLightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ExtraLightItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Italic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Italic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Light.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Light.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-LightItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-LightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-LightItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Medium.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Medium.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-MediumItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-MediumItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-MediumItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-MediumItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Regular.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-SemiBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-SemiBold.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-SemiBold.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-SemiBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-SemiBoldItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-SemiBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-SemiBoldItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Thin.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Thin.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-Thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-Thin.woff2 -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ThinItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ThinItalic.woff -------------------------------------------------------------------------------- /assets/fonts/Poppins/Poppins-ThinItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/fonts/Poppins/Poppins-ThinItalic.woff2 -------------------------------------------------------------------------------- /assets/fonts/stylesheet.css: -------------------------------------------------------------------------------- 1 | /* =========== Poppins =========== */ 2 | @font-face { 3 | font-family: "Poppins"; 4 | src: url("Poppins/Poppins-Bold.woff2") format("woff2"), 5 | url("Poppins/Poppins-Bold.woff") format("woff"); 6 | font-weight: bold; 7 | font-style: normal; 8 | font-display: swap; 9 | } 10 | 11 | @font-face { 12 | font-family: "Poppins"; 13 | src: url("Poppins/Poppins-BlackItalic.woff2") format("woff2"), 14 | url("Poppins/Poppins-BlackItalic.woff") format("woff"); 15 | font-weight: 900; 16 | font-style: italic; 17 | font-display: swap; 18 | } 19 | 20 | @font-face { 21 | font-family: "Poppins"; 22 | src: url("Poppins/Poppins-Black.woff2") format("woff2"), 23 | url("Poppins/Poppins-Black.woff") format("woff"); 24 | font-weight: 900; 25 | font-style: normal; 26 | font-display: swap; 27 | } 28 | 29 | @font-face { 30 | font-family: "Poppins"; 31 | src: url("Poppins/Poppins-ExtraBoldItalic.woff2") format("woff2"), 32 | url("Poppins/Poppins-ExtraBoldItalic.woff") format("woff"); 33 | font-weight: bold; 34 | font-style: italic; 35 | font-display: swap; 36 | } 37 | 38 | @font-face { 39 | font-family: "Poppins"; 40 | src: url("Poppins/Poppins-ExtraBold.woff2") format("woff2"), 41 | url("Poppins/Poppins-ExtraBold.woff") format("woff"); 42 | font-weight: bold; 43 | font-style: normal; 44 | font-display: swap; 45 | } 46 | 47 | @font-face { 48 | font-family: "Poppins"; 49 | src: url("Poppins/Poppins-ExtraLightItalic.woff2") format("woff2"), 50 | url("Poppins/Poppins-ExtraLightItalic.woff") format("woff"); 51 | font-weight: 200; 52 | font-style: italic; 53 | font-display: swap; 54 | } 55 | 56 | @font-face { 57 | font-family: "Poppins"; 58 | src: url("Poppins/Poppins-BoldItalic.woff2") format("woff2"), 59 | url("Poppins/Poppins-BoldItalic.woff") format("woff"); 60 | font-weight: bold; 61 | font-style: italic; 62 | font-display: swap; 63 | } 64 | 65 | @font-face { 66 | font-family: "Poppins"; 67 | src: url("Poppins/Poppins-ExtraLight.woff2") format("woff2"), 68 | url("Poppins/Poppins-ExtraLight.woff") format("woff"); 69 | font-weight: 200; 70 | font-style: normal; 71 | font-display: swap; 72 | } 73 | 74 | @font-face { 75 | font-family: "Poppins"; 76 | src: url("Poppins/Poppins-Italic.woff2") format("woff2"), 77 | url("Poppins/Poppins-Italic.woff") format("woff"); 78 | font-weight: normal; 79 | font-style: italic; 80 | font-display: swap; 81 | } 82 | 83 | @font-face { 84 | font-family: "Poppins"; 85 | src: url("Poppins/Poppins-SemiBold.woff2") format("woff2"), 86 | url("Poppins/Poppins-SemiBold.woff") format("woff"); 87 | font-weight: 600; 88 | font-style: normal; 89 | font-display: swap; 90 | } 91 | 92 | @font-face { 93 | font-family: "Poppins"; 94 | src: url("Poppins/Poppins-Light.woff2") format("woff2"), 95 | url("Poppins/Poppins-Light.woff") format("woff"); 96 | font-weight: 300; 97 | font-style: normal; 98 | font-display: swap; 99 | } 100 | 101 | @font-face { 102 | font-family: "Poppins"; 103 | src: url("Poppins/Poppins-LightItalic.woff2") format("woff2"), 104 | url("Poppins/Poppins-LightItalic.woff") format("woff"); 105 | font-weight: 300; 106 | font-style: italic; 107 | font-display: swap; 108 | } 109 | 110 | @font-face { 111 | font-family: "Poppins"; 112 | src: url("Poppins/Poppins-Regular.woff2") format("woff2"), 113 | url("Poppins/Poppins-Regular.woff") format("woff"); 114 | font-weight: normal; 115 | font-style: normal; 116 | font-display: swap; 117 | } 118 | 119 | @font-face { 120 | font-family: "Poppins"; 121 | src: url("Poppins/Poppins-Medium.woff2") format("woff2"), 122 | url("Poppins/Poppins-Medium.woff") format("woff"); 123 | font-weight: 500; 124 | font-style: normal; 125 | font-display: swap; 126 | } 127 | 128 | @font-face { 129 | font-family: "Poppins"; 130 | src: url("Poppins/Poppins-MediumItalic.woff2") format("woff2"), 131 | url("Poppins/Poppins-MediumItalic.woff") format("woff"); 132 | font-weight: 500; 133 | font-style: italic; 134 | font-display: swap; 135 | } 136 | 137 | @font-face { 138 | font-family: "Poppins"; 139 | src: url("Poppins/Poppins-ThinItalic.woff2") format("woff2"), 140 | url("Poppins/Poppins-ThinItalic.woff") format("woff"); 141 | font-weight: 100; 142 | font-style: italic; 143 | font-display: swap; 144 | } 145 | 146 | @font-face { 147 | font-family: "Poppins"; 148 | src: url("Poppins/Poppins-SemiBoldItalic.woff2") format("woff2"), 149 | url("Poppins/Poppins-SemiBoldItalic.woff") format("woff"); 150 | font-weight: 600; 151 | font-style: italic; 152 | font-display: swap; 153 | } 154 | 155 | @font-face { 156 | font-family: "Poppins"; 157 | src: url("Poppins/Poppins-Thin.woff2") format("woff2"), 158 | url("Poppins/Poppins-Thin.woff") format("woff"); 159 | font-weight: 100; 160 | font-style: normal; 161 | font-display: swap; 162 | } 163 | -------------------------------------------------------------------------------- /assets/img/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/img/arrow-trend-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/img/avatar-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-1.jpg -------------------------------------------------------------------------------- /assets/img/avatar-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-10.jpg -------------------------------------------------------------------------------- /assets/img/avatar-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-11.jpg -------------------------------------------------------------------------------- /assets/img/avatar-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-12.jpg -------------------------------------------------------------------------------- /assets/img/avatar-13.jfif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-13.jfif -------------------------------------------------------------------------------- /assets/img/avatar-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-2.jpg -------------------------------------------------------------------------------- /assets/img/avatar-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-3.jpg -------------------------------------------------------------------------------- /assets/img/avatar-4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-4.webp -------------------------------------------------------------------------------- /assets/img/avatar-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-5.jpg -------------------------------------------------------------------------------- /assets/img/avatar-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-6.jpg -------------------------------------------------------------------------------- /assets/img/avatar-7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-7.jpeg -------------------------------------------------------------------------------- /assets/img/avatar-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-8.jpg -------------------------------------------------------------------------------- /assets/img/avatar-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/avatar-9.jpg -------------------------------------------------------------------------------- /assets/img/beds.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/img/both.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/img/buyer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/img/client-1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/img/client-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/img/client-3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/img/client-4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/img/client-5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/img/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/img/featured-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/featured-1.jpg -------------------------------------------------------------------------------- /assets/img/featured-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/featured-2.jpg -------------------------------------------------------------------------------- /assets/img/featured-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/featured-3.jpg -------------------------------------------------------------------------------- /assets/img/hero-img.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 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 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /assets/img/linkedin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/img/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/img/newletter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 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 | -------------------------------------------------------------------------------- /assets/img/renter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/img/seller.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/img/sqft.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/img/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/img/stats-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sondnpt00343/htmlcss-project-01/11de2bbca8d12ca8729f866ca97b473c9e6b3674/assets/img/stats-img.jpg -------------------------------------------------------------------------------- /assets/img/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | F8 Project 01 8 | 9 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 61 | 67 | 73 | 79 | 80 | 81 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 |
106 |
107 | 108 | 150 |
151 |
152 | 153 | 154 |
155 | 162 | 163 | 164 | 165 | 166 | 167 |
168 | 169 | 170 | Besnik. 171 | 172 | 173 | 174 | 175 |
176 |
177 | 178 |
179 | 180 |
181 |
182 |
183 |

Welcome to Besnik Agency

184 |

185 | Discover a place you'll love to live. 186 |

187 |

188 | Get the best real estate deals first, before they 189 | hit the mass market! HOT FORECLOSURE DEALS with one 190 | simple search 191 |

192 | More About Us 193 |
194 | 195 | Discover a place you'll love to live. 200 |
201 |
202 | 203 | 204 |
205 |
206 |
207 | 208 | Besnik. 209 | 210 | 211 |
212 | Star 213 | Star 214 | Star 215 | Star 216 | Star 217 |
218 |
219 |
220 |

221 | More than 45,000+ companies trust besnik 222 |

223 |

224 | 5 Star Ratings (2k+ Review) 225 |

226 |
227 |
228 | 229 | Client 1 233 | 234 | 235 | Client 2 239 | 240 | 241 | Client 3 245 | 246 | 247 | Client 4 251 | 252 | 253 | Client 5 257 | 258 |
259 |
260 |
261 | 262 | 263 |
264 |
265 |

How its works?

266 |

267 | Everything you need to know when you're looking to buy, 268 | rent, or sell - all in one place. 269 |

270 | 271 | 272 | 322 | 323 |
324 | Sell Full Guidelines 325 |
326 |
327 |
328 | 329 | 330 | 484 | 485 | 486 |
487 |
488 |
489 |
490 | You’ve found a neighborhood you love. 495 | 496 | 497 |
498 |
499 | 40,000+ 500 | 505 |
506 |

507 | By avarage for 2 bedroom apments in San 508 | Francisco, CA 509 |

510 |
511 |
512 |
513 | 518 | 523 |
524 |
525 | 530 | 535 | 540 |
544 | R 545 |
546 |
547 |
548 |
552 | FJ 553 |
554 | 559 |
563 | S 564 |
565 |
566 |
567 | 572 | 577 | 582 |
586 | JJ 587 |
588 |
589 |
590 | 595 |
599 | QV 600 |
601 |
602 |
603 | 608 | 613 |
614 |
615 | 620 |
624 | UI 625 |
626 |
627 |
628 |
629 |
630 |
631 |

632 | You’ve found a neighborhood you love. 633 |

634 |

635 | When you own a home, you’re committing to living 636 | in one location for a while. In a recent Trulia 637 | survey, we found that five out of six 638 | respondents said finding the right neighborhood 639 |

640 |
641 |
642 |
643 |
644 | 2,500 645 |

Homes For Sale

646 |
647 |
648 | 5,000+ 649 |

Homes Recently Sold

650 |
651 |
652 | 170+ 653 |

Price Reduced

654 |
655 |
656 |
657 |
658 | 659 | 660 |
661 |
662 |
663 |
664 |

665 | Subscribe to our Newsletter! 666 |

667 |

668 | Subscribe to our newsletter and stay updated. 669 |

670 | Subscribe 671 |
672 | Subscribe to our Newsletter! 677 |
678 |
679 |
680 |
681 | 682 | 683 | 774 | 775 | 782 | 783 | 784 | --------------------------------------------------------------------------------