daily pastebin goal
32%
SHARE
TWEET

Untitled

a guest Dec 13th, 2018 38 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. HTML
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7.   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  8.   <link rel="stylesheet" type="text/css" href="style.css" media="all">
  9.   <title>Jake Hill</title>
  10. </head>
  11. <body>
  12.  
  13.   <div class="nav-container">
  14.  
  15.     <div class="logo">
  16.       <h1>Jake Hill</h1>
  17.     </div>
  18.  
  19.     <div class="top_button">
  20.       <a class="power" href="https://www.youtube.com/channel/UC3e8EMTOn4g6ZSKggHTnNng" target="_blank"><button class="button" >YouTube</button></a>
  21.       <h3>|</h3>
  22.       <a class="power" href="https://twitter.com/JakeHillDriver?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><button class="button" >Twitter</button></a>
  23.       <h3>|</h3>
  24.       <a class="power" href="https://www.instagram.com/iamjakehill/?hl=en" target="_blank"><button class="button" >Instagram</button></a>
  25.       <h3>|</h3>
  26.       <a class="power" href="https://soundcloud.com/iamjakehill" target="_blank"><button class="button" >SoundCloud</button></a>
  27.       <h3>|</h3>
  28.       <a class="power" href="https://www.facebook.com/IamjakehillMusic/" target="_blank"><button class="button" >FaceBook</button></a>
  29.     </div>
  30.  
  31.   </div>
  32.  
  33.   <div class="break1">
  34.   </div>
  35.  
  36.     <div class="top_1">
  37.       <h1>United States</h1>
  38.     </div>
  39.  
  40.     <div class="top_2">
  41.       <button class="button_x" >Albums</button>
  42.       <a class="power" href="aboutme.html" ><button class="button_x" >About Me</button></a>
  43.     </div>
  44.  
  45.     <div class="break2">
  46.     </div>
  47.  
  48.       <div class="mid_1">
  49.     <img src="art/mid.png" width="60%" height="1000px" />
  50.       </div>
  51.  
  52.       <div class="break">
  53.       </div>
  54. </body>
  55. </html>
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. CSS
  68.  
  69.  
  70. @font-face { font-family: OCR A Std Regular; src: url('font/OCR A Std Regular.ttf'); }
  71.       *, *::after, *::before {
  72.          font-family: OCR A Std Regular
  73.              }
  74.  
  75. html, body
  76. {
  77.     height: 100%;
  78.     width: 100%;
  79.     padding: 0px;
  80.     margin: 0px;
  81.     text-align: JUSTIFY;
  82.     color: black;
  83. }
  84.  
  85. p
  86. {
  87. margin: 0px;
  88. padding: 0px;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92.     display: none;
  93. }
  94.  
  95. .nav-container{
  96.   position: fixed;
  97.   z-index: 2;
  98.   width: 100%
  99. }
  100.  
  101. .logo
  102. {
  103.     height: 100px;
  104.     width: 100%;
  105.     background-image:url(art/whitenoise.gif);
  106.     color: rgb(96, 39, 29);
  107.     font-family: ORC A Std Regular;
  108.     font-size: 22px;
  109.     display: flex;
  110.     justify-content: center;
  111. }
  112. .top_button
  113. {
  114.     height: 64px;
  115.     width: 100%;
  116.     color: white;
  117.     background-color: rgb(10, 4, 2);
  118.     font-family: ORC A Std Regular;
  119.     display: flex;
  120.     justify-content: center;
  121.  
  122. }
  123. .power
  124. {
  125. display: flex;
  126. justify-content: center;
  127. align-items: center;
  128. text-decoration: none;
  129. }
  130. .button
  131. {
  132. color: white;
  133. border: transparent;
  134. background: transparent;
  135. font-size: 16px;
  136. transition: 2s;
  137. outline-color: transparent;
  138. }
  139. .button:hover
  140. {
  141. color: rgb(96, 39, 29);
  142. cursor: pointer;
  143. }
  144. .top_1
  145. {
  146.     height: 94px;
  147.     width: 100%;
  148.     background-color: rgb(10, 4, 2);
  149.     color: rgb(96, 39, 29);
  150.     font-family: ORC A Std Regular;
  151.     display: flex;
  152.     justify-content: center;
  153. }
  154. .top_2
  155. {
  156.     height: 68px;
  157.     width: 100%;
  158.     background-color: rgb(10, 4, 2);
  159.     font-family: ORC A Std Regular;
  160.     display: flex;
  161.     justify-content: center;
  162. }
  163. .button_x
  164. {
  165. margin: 0px 5px;
  166. color: rgb(96, 39, 29);
  167. border-color: rgb(96, 39, 29);
  168. border: rgb(96, 39, 29) medium solid;
  169. background: transparent;
  170. font-size: 16px;
  171. transition: 2s;
  172. outline-color: transparent;
  173. }
  174. .button_x:hover
  175. {
  176. color: white;
  177. border-color: white;
  178. cursor: pointer;
  179. }
  180.  
  181. .break1
  182. {
  183.     height: 164px;
  184.     width: 100%;
  185.     background-color: rgb(10, 4, 2);
  186. }
  187.  
  188. .break2
  189. {
  190.     height: 40px;
  191.     width: 100%;
  192.     background-color: rgb(10, 4, 2);
  193. }
  194.  
  195. .mid_1
  196. {
  197.     height: 1000px;
  198.     width: 100%;
  199.     background-color: rgb(10, 4, 2);
  200.     color: rgb(96, 39, 29);
  201.     display: flex;
  202.     justify-content: center;
  203. }
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
 
Top