[sass] qwerty
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
- *
- padding: 0
- margin: 0
- box-sizing: border-box
- font-family: sans-serif
- .all
- background-image: url(black-3d.jpg)
- width: 100%
- height: 100vh
- background-position: center
- background-repeat: no-repeat
- background-size: cover
- color: white
- .header-header
- display: flex
- justify-content: space-between
- align-items: center
- margin: 0 auto
- width: 80%
- height: 13vh
- .tells
- display: flex
- justify-content: space-between
- align-items: center
- p
- margin-left: 10px
- .bu button
- padding: 17px 30px
- border-radius: 20px
- border: 1px solid cadetblue
- background-color: cadetblue
- color: white
- &:hover
- background-color: transparent
- transition: 0.4s
- border: 1px solid white
- color: white
- .header
- display: flex
- justify-content: space-between
- align-items: center
- width: 80%
- margin: 0 auto
- border-top: none
- border-left: none
- border-right: none
- border-bottom: 1px solid white
- margin-top: 30px
- padding-bottom: 30px
- .toright
- width: 50%
- ul.cls
- display: flex
- justify-content: space-between
- align-items: center
- width: 100%
- list-style: none
- font-weight: bold
- cursor: pointer
- li:hover
- color: cadetblue
- transition: 0.3s
- .toleft h1
- font-size: 40px
- font-weight: bold
- .home-main
- display: flex
- justify-content: center
- align-items: center
- flex-direction: column
- height: 75vh
- h1
- margin: 30px 0
- font-size: 75px
- font-weight: bold
- h3
- font-size: 35px
- font-weight: bold
- p
- width: 45%
- text-align: center
- line-height: 23px
- font-weight: bold
- .buttons
- display: flex
- justify-content: space-between
- align-items: center
- width: 25%
- margin-top: 50px
- .btn.but
- padding: 22px 38px
- border-radius: 20px
- background-color: cadetblue
- border: 2px solid cadetblue
- color: white
- font-size: 16px
- &:hover
- background-color: transparent
- border: 2px solid white
- transition: 0.4s
- .butto.n
- padding: 22px 38px
- border-radius: 20px
- background-color: transparent
- color: white
- border: 2px solid white
- font-size: 16px
- &:hover
- background-color: cadetblue
- border: 2px solid cadetblue
- transition: 0.4s
- section.two
- padding: 100px 0
- .head
- display: flex
- justify-content: center
- align-items: flex-start
- flex-direction: column
- margin-left: 120px
- color: rgb(75, 76, 76)
- h1
- font-size: 45px
- font-weight: bold
- p
- font-size: 18px
- font-weight: bold
- margin-top: 15px
- .lows
- display: flex
- justify-content: space-between
- width: 85%
- margin: 90px auto
- .low
- box-shadow: 0 0 4px black
- border-radius: 20px
- height: 420px
- width: 23%
- display: flex
- justify-content: center
- align-items: center
- flex-direction: column
- color: rgb(75, 76, 76)
- h2
- font-size: 28px
- margin: 25px 0
- i
- font-size: 70px
- margin-bottom: 30px
- p
- font-size: 16px
- width: 75%
- text-align: center
- line-height: 23px
- button
- padding: 15px 32px
- border-radius: 18px
- margin-top: 25px
- cursor: pointer
- background-color: cadetblue
- color: white
- border: 1px solid cadetblue
- &:hover
- color: black
- background-color: transparent
- border: 1px solid black
- transition: 0.4s
- section.three
- padding: 100px 0
- background-image: url(black-3d.jpg)
- width: 100%
- height: 100vh
- background-position: center
- background-repeat: no-repeat
- background-size: cover
- display: flex
- justify-content: center
- align-items: center
- .every
- background-color: white
- display: flex
- justify-content: center
- align-items: center
- flex-direction: column
- height: 650px
- width: 80%
- .top
- display: flex
- justify-content: flex-start
- align-items: center
- flex-direction: column
- color: rgb(75, 76, 76)
- h2
- font-size: 35px
- margin-top: 5px
- .right-img
- width: 450px
- height: 350px
- img
- width: 100%
- height: 100%
- .left-right
- display: flex
- justify-content: space-between
- align-items: center
- width: 90%
- margin: 0 auto
- .icon-text
- display: flex
- justify-content: space-between
- align-items: center
- width: 105%
- margin: 60px 0
- .text
- width: 85%
- color: rgb(75, 76, 76)
- h3
- font-size: 25px
- p
- font-size: 16px
- margin-top: 8px
- width: 80%
- .left
- margin-bottom: 20px
- .icon
- width: 60px
- height: 60px
- border-radius: 50%
- background-color: cadetblue
- display: flex
- justify-content: center
- align-items: center
- position: relative
- i
- font-size: 20px
- color: white
Editor
You can edit this paste and save as new: