HTML/index.html at main · austinL28/HTML · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My Portfolio</title>
        <link rel="stylesheet" href="styles.css">
        <script src="script.js" defer></script>
    </head>
    <body>
        <div class="rotated-rectangle1"></div>
        <div class="rotated-rectangle2"></div>
        <button class="menuBtn" id="menuBtn">
            <span class="icon">
                <svg viewBox="0 0 175 80" width="40" height="40">
                    <rect width="80" height="15" fill="#f0f0f0" rx="10"></rect>
                    <rect y="30" width="80" height="15" fill="#f0f0f0" rx="10"></rect>
                    <rect y="60" width="80" height="15" fill="#f0f0f0" rx="10"></rect>
                </svg>
            </span>
            <span class="text">MENU</span>
        </button>
        <nav id="dropdownMenu" class="dropdown-menu">
            <a href="index.html">HOME</a>
            <a href="about.html">ABOUT</a>
            <a href="projects.html">PROJECTS</a>
            <a href="contacts.html">CONTACT</a>
        </nav>
        <main class="content">
            <section class="hero">
                <h1>Welcome to My Portfolio</h1>
                <p class="hero-intro">Welcome to my portfolio, this is a showcase of all my programming projects and acheivements.
                    Take a look around!</p>
            </section>
        </main>
    </body>
</html>