mxrixs

startpage reddit

Jul 1st, 2020
739
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.42 KB | None | 0 0
  1. <html>
  2. <head>
  3.   <title>Start</title>
  4.  
  5.   <style>
  6.    html {
  7.      align-items: center;
  8.      display: flex;
  9.      font: 17px "Courier New", Courier, monospace;
  10.      height: 100%;
  11.      justify-content: center;
  12.      margin: 0;
  13.    }
  14.  
  15.     body {
  16.       color: #6AFFED ;
  17.       display: flex;
  18.       margin: 1em;
  19.       padding: 1em;
  20.       background-color: #00090c;
  21.     }
  22.  
  23.     input {
  24.       width: 400px;
  25.       height: 30px;
  26.       background-color: rgba(200, 200, 200, 0.02);
  27.       border-radius: 2em;
  28.       color: #6AFFED;
  29.       text-align: left;
  30.       padding-left: 13px;
  31.       padding-bottom: 2px;
  32.       border-color: rgba(115, 255, 250, 0.5);
  33.       font-size: 0.88em;
  34.     }
  35.  
  36.     form {
  37.       grid-column: auto;
  38.       grid-column: 1 / -1;
  39.       margin: 0;
  40.       text-align: center;
  41.       margin-bottom: 70px;
  42.     }
  43.  
  44.     h1 {
  45.       font-size: 3em;
  46.       grid-column: 1 / -1;
  47.       margin: 0;
  48.       text-align: center;
  49.     }
  50.  
  51.     h2 {
  52.       color:  #99ffcc;
  53.       font-size: 1.3em;
  54.       grid-column: 1 / -1;
  55.       margin: 0;
  56.       text-align: center;
  57.     }
  58.  
  59.     b {
  60.       color:  #00090c;
  61.       font-size: 1.3em;
  62.       grid-column: 1 / -1;
  63.       margin: 0;
  64.       text-align: center;
  65.     }
  66.  
  67.     li {
  68.       color: #00ccb4;
  69.       text-align: center;
  70.     }
  71.  
  72.     a {
  73.       color: inherit;
  74.       text-decoration: none;
  75.     }
  76.  
  77.     a:focus,
  78.     a:hover {
  79.       color: #00FFB7;
  80.     }
  81.  
  82.     nav {
  83.       display: grid;
  84.       grid-row-gap: 1em;
  85.       grid-template-columns: 1fr 1fr;
  86.       margin: 0 1em;
  87.       min-width: 24em;
  88.       padding: 1em 0;
  89.     }
  90.  
  91.     ul {
  92.       list-style-type: none;
  93.       margin: 0;
  94.       padding: 0;
  95.       white-space: nowrap;
  96.     }
  97.  
  98.     li:first-child {
  99.        font-weight: bold;
  100.        line-height: 2em;
  101.      }
  102.  
  103.      li:last-child {
  104.         font-weight: bold;
  105.         line-height: 2em;
  106.       }
  107.  
  108.      img {
  109.        height: center;
  110.        object-fit: cover;
  111.        object-position: 50% 100%;
  112.        width: 420px;
  113.        padding-left: 300px;
  114.        padding-top: 50px;
  115.      }
  116.  
  117.    </style>
  118.  </head>
  119. <body>
  120.   <nav>
  121.     <form method="get" action="https://www.google.com/search">
  122.          <input type="text" name="q">
  123.     </form>
  124.     <h1>Start</h1>
  125.     <ul>
  126.         <h2>General</h2>
  127.         <b>———————</b>
  128.         <li>———————</li>
  129.       <li><a href="https://github.com">Git</li>
  130.       <li><a href="https://www.youtube.com/">Youtube</a></li>
  131.       <li><a href="https://imgur.com/a/YtJsfPb">Imgur</a></li>
  132.       <li><a href="https://pastebin.com/">Pastebin</a></li>
  133.         <li>———————</li>
  134.     </ul>
  135.  
  136.     <ul>
  137.         <h2><a href="https://www.reddit.com/">Reddit</h2>
  138.         <b>———————</b>
  139.         <li>———————</li>
  140.       <li><a href="https://www.reddit.com/r/FirefoxCSS/">CSS</li>
  141.       <li><a href="https://www.reddit.com/r/startpages/">Startpage</a></li>
  142.       <li><a href="https://www.reddit.com/r/MechanicalKeyboards/">Keebs</a></li>
  143.       <li><a href="https://www.reddit.com/message/inbox">Inbox</li>
  144.         <li>———————</li>
  145.     </ul>
  146.  
  147.     <ul>
  148.         <h2>Repositorys</h2>
  149.         <b>———————</b>
  150.       <li>———————</li>
  151.       <li><a href="https://github.com/mxrixs/Startpage/tree/master">Startpage</li>
  152.       <li>———————</li>
  153.     </ul>
  154.   </nav>
  155.   <img src="https://i.ibb.co/cFcHxbT/Moon-Vector-PNG.png">
  156.   </body>
  157. </html>
Add Comment
Please, Sign In to add comment