SHARE
TWEET

CSS

a guest Oct 22nd, 2019 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.     background-color: black;
  3.     font-family: helvetica Neue, helvetica, arial, sans-serif;
  4.     color: white;
  5.     margin: 0%;
  6.     padding: 0%;
  7. }
  8. /* HEADER*/
  9. header{
  10.     background-color: gray;
  11.     background-image: url("images/Header.jpg");
  12.     background-repeat: no-repeat;
  13.     background-size: 100%;
  14.     background-position: center;
  15.     background-position: center;
  16.     padding: 20px;
  17.     height: 500px;
  18. }
  19.  
  20. ul{
  21.     margin: 0%;
  22.     padding: 0;
  23.     list-style-type: none;
  24.    
  25. }
  26.  
  27. li{
  28.     text-decoration: none;
  29.     float: left;
  30.     height: 40px;
  31.     line-height: 40px;
  32.     padding: 0 10px;
  33.     margin:  0 5px;
  34.     border-top-left-radius: 8px;
  35.     border-top-right-radius: 8px;
  36.     background-color: black;
  37.     font-size: 20px;
  38.     font-weight: bold;
  39.     font-family: helvetica Neue, helvetica, arial, sans-serif;
  40.    }
  41.    
  42. li:first-child{
  43.     margin-left: 0;
  44. }
  45. a{
  46.     text-decoration: none;
  47. }
  48. a:hover{
  49.     text-decoration: underline;
  50.     color: red;
  51.    
  52. }
  53. /* FEATURES HOME */
  54.  
  55. .Features{
  56.     background-color: black;
  57.     color: gray;
  58.     padding: 30px;
  59.     display: flex;
  60.     flex-direction: row;
  61. }
  62. .Features figure{
  63.     font-weight: bold;
  64.     margin: auto;
  65.     text-align: center;
  66.     text-transform: uppercase;
  67.     width: 400px;
  68. }
  69. .Features figure img{
  70.     border-top-right-radius: 8px;
  71.     border-top-left-radius: 8px;
  72.     border-bottom-right-radius: 8px;
  73.     border-bottom-left-radius: 8px;
  74.     border: 1px solid red;
  75. }
  76. div{
  77.     display: inline-block;
  78.     margin: auto;
  79.     text-align: center;
  80.     text-transform: uppercase;
  81.     padding: 20px;
  82. }
  83. p{
  84.     font-family: helvetica Neue, helvetica, arial, sans-serif;
  85. }
  86. .About{
  87.     color: red;
  88.     padding: 20px;
  89.     background-color: blue;
  90. }
  91. #further{
  92.     background-color: black;
  93.     border-top-left-radius: 8px;
  94.     border-top-right-radius: 8px;
  95.     border-bottom-left-radius: 8px;
  96.     border-bottom-right-radius: 8px;
  97.     border: 2px solid red;
  98.     color: red;
  99.     font-family: helvetica Neue, helvetica, arial,sans-serif;
  100.     font-weight: bold;
  101.     margin-left: 250px;
  102.     margin-top: 50px;
  103.     margin-right: 250px;
  104.     margin-bottom: 50px;
  105.     padding: 10px;
  106.     text-align: center;
  107.    
  108. }
  109. .discription{
  110.     color: white;
  111.     font-display: bold;
  112.     font-size: large;
  113.     margin-left: 650px;
  114.     margin-right: 650px;
  115.     padding: 0;
  116.     text-align: center;
  117.     font-family: helvetica Neue, helvetica, arial, sans-serif;
  118.     font-weight: bold;
  119.     position: sticky;
  120. }
  121. /*TRAILERS*/
  122.  
  123. Footer{
  124.     background-image: url("Images photoshop/Footer.jpg");
  125.     background-size: 100%;
  126.     padding: 2px;
  127.     height: 500px;
  128.     position: -webkit-sticky;
  129.     left: 0;
  130.     bottom: 0;
  131.     background-color: teal;
  132.     width: 100%;
  133.     text-align: center;
  134.     padding-top: 5px;
  135.     padding-bottom: 5px;
  136. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top