SpaceWay/index.html at index · SpacemakesGames/SpaceWay · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>SpaceWay: Your Gateway to The Stars</title>
        <link rel="stylesheet" type="text/css" href="style/style.css">
        <link rel="stylesheet" type="text/css" href="style/bootstrap.min.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Bellefair&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap" rel="stylesheet">
        <link rel="icon" type="image/png" href="assets/favicon-32x32.png">
        <style>
            @media only screen and (min-width:375px){
                body {
                    background: url("assets/home/background-home-mobile.jpg");
                    background-size: cover;
                    height: 100vh;
                }
            }
            @media only screen and (min-width:768px){
                body {
                    background: url("assets/home/background-home-tablet.jpg");
                    background-size: cover;
                    height: 100vh;
                }
            }
            @media only screen and (min-width:1280px){
                body {
                    background: url("assets/home/background-home-desktop.jpg");
                    background-size: cover;
                    height: 100vh;
                }
            }
        </style>
    </head>
    <body>
        <div class="nav-bar">
            <div class="logo">
                <a href="index.html"><img src="assets/shared/logo.svg" alt="company logo" style="vertical-align:middle"></a>
            </div>
            <div class="navbar-links" id="nav-links">
                <ul>
                    <li id="home-nav-btn"><a href="index.html">00 HOME</a></li>
                    <li id="dest-nav-btn"><a href="destination.html">01 DESTINATION</a></li>
                    <li id="crew-nav-btn"><a href="crew.html">02 CREW</a></li>
                    <li id="tech-nav-btn"><a href="technology.html">03 TECHNOLOGY</a></li>
                </ul>
            </div>
        </div>
        <div class="page">
            <div class="container">
                <div class="row" id="home-row">
                    <div class="col-lg-6" id="col1">
                        <h5 class="f-text">YOUR GATEWAY TO THE STARS</h5>
                        <h1 class="main-text">SPACEWAY</h1>
                        <p class="s-text">Let’s face it; if you want to go to space, you might as well genuinely go to outer space and not hover kind of on the edge of it. Well sit back, and relax because we’ll give you a truly out of this world experience!</p>
                    </div>
                    <div class="col-lg-6" id="col2">
                        <a href="destination.html" class="explore-link">
                            <div class="home-button">
                                <p>EXPLORE</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <script src="js/script.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>