final-project/index.html at main · moonbuddy/final-project · 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
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel=stylesheet href="css/style.css">
    <!-- Font Awesome CDN -->
    <script src="https://kit.fontawesome.com/be448364f4.js" crossorigin="anonymous"></script>
    <title>Final Project</title>
</head>

<body>

<!-------- HEADER -------->

<div class="header">
    <a href="index.html"><img src="img/9.png" alt="header logo reading Moon's Orbit" class="headerlogo"></a>
</div>

<!-- ------ NAV BAR ------>
<nav>

    <!-- Top Navigation -->
    <div class="hometopnav" id="navbar">

        <!-- Centered Logo Home Link
        <div class="hometopnav-centered">
            <a href="index.html"><img src="img/green_landing.png" alt="image only site logo" class="homenavimg"></a>
        </div> -->

        <!-- Left-Aligned Links -->
        <a href="self.html" id="homeself">self</a>
        <a href="relationships.html" id="homerelationships">relationships</a>
        <a href="style.html" id="homestyle">style</a>

        <!-- Right-Aligned Links -->
        <div class="hometopnav-right">
            <a href="faves.html" id="homefaves">faves</a>
            <a href="about.html" id="homeabout">about</a>
            <a href="contact.html" id="contact">contact</a>
        </div>
    </div>
</nav>

<<!-------- MAIN BODY -------->
<p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe officiis eaque, similique nobis hic corporis? Itaque aliquid tenetur, corporis, quisquam molestias facere iste beatae eveniet id magni dolorem laudantium iure!

    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti, eveniet officiis. Necessitatibus perferendis aspernatur sint ducimus illo consequuntur tenetur libero sequi, vitae reprehenderit impedit deserunt repellendus. Rerum eum quaerat et!

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et nulla esse impedit voluptatum autem cupiditate voluptatem! Est labore sapiente, libero quod necessitatibus molestiae dolorem delectus atque saepe laboriosam quas eius!

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis deleniti adipisci quod quia odit magni, tenetur a, omnis dicta optio placeat ipsa cumque, animi inventore incidunt accusamus vel facilis sapiente.

    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore animi laborum eos labore et dolor blanditiis fugiat vero cum facere. Sapiente pariatur alias quo earum a amet autem dolores hic.

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eos fugiat ab et sapiente ut labore nemo optio dolores? Est repudiandae, saepe iusto temporibus optio molestias error ullam expedita ipsam?

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis labore quae, facere tempora vitae obcaecati fugiat veritatis corrupti commodi cupiditate, maxime quia voluptatem magnam vero nisi? Magni quos dolore facere!

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur optio officiis dolorem voluptate illum expedita, dolorum cupiditate suscipit reprehenderit minus quae quos reiciendis? Ut commodi magnam, asperiores amet soluta quia.

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit eveniet exercitationem fugiat ea, eaque vel dolores error officiis fuga adipisci aut ullam molestias pariatur totam odit eos. Omnis, ipsum odio.
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid voluptas sed adipisci. Enim, reiciendis, hic laboriosam id explicabo autem omnis, incidunt debitis vero aperiam iusto? Laudantium est sunt excepturi dolores!
</p>>
<!-- Sticky Nav JS Import -->
<script src="js/stickynav.js">
</script>
</body>

<!-- FOOTER -->
<footer>
    <div class="footer">
        <div class="copyright">&copy; Christina Moon Zurowski Copyright 2021</div>
        <div class="socialmedia">
            <a href="" class="fab fa-github-alt fa-2x"></a>
            <a href="" class="fab fa-reddit-alien fa-2x"></a>
        </div>
    </div>
</footer>
</html>