Sebastian/donate.html at master · Klrfl/Sebastian · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <!--Style link-->
		<link rel="stylesheet" href="CSS/styles.css">
        <!--Font Awesome Link-->
        <script src="https://kit.fontawesome.com/c238d9165e.js" crossorigin="anonymous"></script>

		<title>Sebastian | Donate</title>
		<meta title="viewport" content="width:device-width,initial-scale=1.0">
		<meta charset="UTF-8">
    </head>
    <body>
        <nav> <!--When assigning position: sticky, the nav should not be in any other tags. Otherwise it would not work-->
			<div class="logo">
				<a href="#">a fancy logo</a>
			</div>
			<ul id="sidebar">
				<li><a href="home.html">Home</a></li>
				<li><a href="about.html">About</a></li>
				<li><a class="active" href="donate.html">Donate</a></li>
				<li><a href="contact.html">Contact Me</a></li>
				<li><a class="Account" href="account.html">Log In</a></li>
			</ul>
			<div class="burger">
				<button id="openSidebar"></button>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</nav>

        <main>
            <article>
                <section>
                    <h2>Donate? what do you mean??</h2>
                    <p>Yeah, it's a dummy page, don't worry. I am not that piss poor to need donations to come weekly.</p>
                    <p>I still have parents, you know? even if they are not that rich, I suppose it's enough to keep me going.</p>
                </section>

                <section>
                    <h2>Subscribe.</h2>
                    <p>here is some lorem so it doesn't seem so empty.</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident exercitationem sit numquam perferendis, nemo nihil, praesentium illo sequi nisi nesciunt, saepe voluptatibus consequuntur deserunt facilis magnam dolorem dolore aperiam necessitatibus!</p>
                </section>

                <section class="donate-container">
                    <div class="donate-box"><i class="fab fa-patreon"></i><p>Some donation info here</p></div>
                    <div class="donate-box"><i class="fab fa-paypal"></i><p>Some donation info here</p></div>
                </section>
            </article>
        </main>
        <footer>
            <hr>
            <p>Made by Efraim Munthe, 2021. All rights reserved.</p>
        </footer>
    </body>
</html>