API tools faq
paste
Guest User

Contour Webstore

a guest
Dec 1st, 2018
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta name="viewport" content="width=device-width, initial-scale=1">
  5.     <title> Contour Webstore </title>
  6.     <link rel="stylesheet" href="style.css">
  7.     <style type="text/css">
  8.     @import url('https://fonts.googleapis.com/css?family=Baloo+Bhai');
  9.     @import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700');
  10.     @import url('https://fonts.googleapis.com/css?family=Kosugi');
  11.     @import url('https://fonts.googleapis.com/css?family=Anton');
  12. body
  13. {
  14.     margin=0;
  15. }
  16.  
  17. header
  18. {
  19.     margin: 0;
  20.     background: grey;
  21.     color: white;
  22.     padding: 8px 0px 25px 5px;
  23. }
  24.  
  25. header h1
  26. {
  27.     font-family: 'Baloo Bhai', cursive;
  28.     font-weight: 380;
  29.     font-size: 20px;
  30.     float: left;
  31.     margin-top: 0px;
  32.     margin-right: 40px;
  33.     margin-bottom: 0px;
  34. }
  35.  
  36. nav ul li
  37. {
  38.     display: inline-block;
  39.     list-style-type: none;
  40.     margin-top: 12px;
  41.     margin-right: 40px;
  42. }
  43.  
  44. nav ul li a
  45. {
  46.     color : white;
  47. }
  48.  
  49.  #nav
  50.  {
  51.     font-family: 'Oswald', sans-serif;
  52.  }
  53.  
  54.  .homered
  55.  {
  56.     background-color: red;
  57.     padding: 26px 15px 42px 15px;
  58.  }
  59.  
  60. .homeblack:hover
  61. {
  62.     background-color: blue;
  63.     padding: 22px 15px 26px 15px;
  64.     cursor: pointer;
  65. }
  66.  
  67. .divider
  68. {
  69.     background-color: red;
  70.     height: 5px;
  71.  
  72. }
  73.  
  74. .first
  75. {
  76.     font-family: 'Kosugi', sans-serif;
  77.     color: yellow;
  78.     font-size: 50px;
  79.     font-weight: 400;
  80.     padding: 2% 0% 0% 15%;
  81.  
  82. }
  83.  
  84. .second
  85. {
  86.     font-family: 'Anton', sans-serif;
  87.     color: orange;
  88.     font-size: 50px;
  89.     font-weight: 450;
  90.     padding: 0.5% 0% 0% 25%;
  91. }
  92.  
  93. .third
  94. {
  95.     font-family: 'Anton', sans-serif;
  96.     color: white;
  97.     font-size: 50px;
  98.     font-weight: 450;
  99.     padding: 0% 0% 0% 45%;
  100. }
  101.  
  102.  
  103. .fourth
  104. {
  105.     color: yellow;
  106.     font-size: 30px;
  107. }
  108. </style>
  109. </head>
  110.  
  111. <body style="background-color: black;  background-size: 100% 100%; background-repeat: no-repeat; height: 800px; background-position: center center;">
  112.     <div class="divider"></div>
  113.     <header>
  114.         <nav>
  115.             <h1>Contour webstore</h1>
  116.             <ul id="nav">
  117.                 <li><a class="homered" href="home.html">HOME</a></li>
  118.                 <li><a class="homeblack" href="about.html">ABOUT US</a></li>
  119.                 <li><a class="homeblack" href="resume.html">OUR PRODUCTS</a></li>
  120.                 <li><a class="homeblack" href="contact.html">CONTACT US</a></li>
  121.             </ul>
  122.         </nav>
  123.     </header>
  124.     <div class="divider"></div>
  125.         <h2 class="first">HELLO!
  126.             <div><span style="color: white">We are contour webstore,</span></div>and we provide services in </h2>
  127.         <h1 class="second">App development,Web development</h1>
  128.         <h1 class="third">Web hosting.</h1>
  129.         <marquee class="fourth">Contour a higher form of shopping.</marquee>
  130. </body>
  131. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!