Untitled
unknown
plain_text
2 years ago
3.4 kB
1
Indexable
Never
/* Reset CSS */ * { box-sizing: border-box; margin: 0; padding: 0; } /* Global styles */ body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.5; color: #555; background-color: #fff; } a { color: #ea4c89; text-decoration: none; } a:hover { text-decoration: underline; } section { padding: 100px 0; } .section-heading { font-size: 40px; margin-bottom: 50px; text-align: center; text-transform: uppercase; } .container { max-width: 1170px; margin: 0 auto; padding: 0 15px; } .row { display: flex; flex-wrap: wrap; margin: -15px; } .col-md-4 { flex-basis: 33.33%; max-width: 33.33%; padding: 15px; } /* Header styles */ header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-bottom: solid 1px #ea4c89; } header .container { display: flex; justify-content: space-between; align-items: center; } header .logo { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #ea4c89; } header .nav { display: flex; justify-content: center; align-items: center; } header .nav a { margin-left: 30px; box-shadow: #555; } /* Hero styles */ #hero { background-image: url('https://picsum.photos/1920/1080'); background-size: cover; background-position: center; height: 100vh; } #hero .hero-content { display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; } #hero .hero-content h1 { font-size: 60px; font-weight: bold; text-transform: uppercase; color: #fff; } #hero .hero-content p { font-size: 24px; font-weight: 300; color: #fff; margin-top: 30px; } /* Services styles */ #services { background-color: #f5f5f5; } #services .container { margin-bottom: 20px; } #services .service-item { text-align: center; margin-bottom: 50px; } .services h3 { font-size: 50px; } .services p { font-size: 25px; } #services .service-item i { font-size: 100px; color: #ea4c89; margin-bottom: 20px; } #services .service-item h3 { font-size: 50px; font-weight: bold; text-transform: uppercase; color: #5a5a5a; margin-bottom: 20px; } #services .service-item p { font-size: 18px; line-height: 1.5; color: #5a5a5a; } /* About styles */ #about { background-color: #fff; } #contact { background-color: #f5f5f5; padding: 50px 0; border-top: solid 1px #ea4c89; } #contact .section-heading { color: #ea4c89; font-size: 30px; margin-bottom: 50px; text-align: center; text-transform: uppercase; } #contact p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; } #contact i { color: #ea4c89; font-size: 30px; margin-right: 10px; }