Website/index.html at main · Project-SMP/Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="psmp.css">
      <link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/minecraftia" type="text/css"/>
      <meta name="author" content="FokaStudio">
   </head>
   <body>

      <!-- Navbar, not needed for now -->
      <!--ul class="topnav"-->
         <!--li><a class="active" href="#home">Home</a></li-->
         <!--li><a href="" target="iframe_a">Demo</a></li-->
         <!--li><a href="#contact">Contact</a></li-->
         <!--li class="right"><a href="#about">About</a></li-->
       <!--/ul-->

      <!-- Hero Image -->
      <div class="hero-image">
         <div class="hero-text">
            <h1 style="color: white;font-size:100px; font-family: 'Courier New', Courier;">Project: SMP</h1>
            <div style="padding: 7px;width: 715px;background-color: rgb(255, 199, 44);"></div>
            <h3 style="color: white;font-size: 40px; font-family: 'Courier New', Courier;"><br>1.17.1 Survival Server</h3>
         </div>
      </div>

      <!-- Separator -->
      <div style="height: 10px;width: 100%;background-color: rgb(255, 121, 44);background-size: cover;position: absolute;"></div>

       <!-- Buttons -->
      <br>
      <!--
      <div class="button_list">
         <a button class="mc_button" style="vertical-align:middle" href="https://minecraft.net"><span>Example</span></button>
         <a button class="mc_button" style="vertical-align:middle" href="https://minecraft.net"><span>Example</span></button>
      </div>
      -->
      <!-- Text Place -->
      <div class="text_place" style="padding: 5em;">
         <div id= "text_place" style=" top: 60%;left: 0;height: 1000000px;width: 80%;background-color: rgb(255, 255, 255);background-size: cover; position: absolute;left: 10%; margin-top: 0px; padding: 0px;"></div>
         <h1>Test header</h1>
         <p>This is a test paragraph</p>
         <p>This is a test paragraph</p>
      </div>
   </body>
</html>