Portfolio/index.html at main · jareddaniel95/Portfolio · 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
<!DOCTYPE html>
<html lang="en">

    <head>
        <title>Jared's Portfolio</title>
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" />
        <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=Quicksand:wght@300&display=swap" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
    </head>

    <body>
        <header>
            <h1>user@jared_daniel> displayPortfolio --verbose</h1>
        </header>

        <nav>
            <ul class="navigation">
                <li><a href="#bio">About Me</a></li>
                <li><a href="#work">Work</a></li>
                <li><a href="#contact">Contact Me</a></li>
                <li><a href="./assets/files/resume.pdf" target="_blank">Resume</a></li>
            </ul>
        </nav>

        <main>

            <section class="bio-container">
                <section class="bio-content bio-pic">
                    <img src="./assets/images/Profile_Pic.jpg" alt="Profile Picture" />
                    </section>

                <section class="bio-content bio-about" id="bio">
                    <h1>About Me</h1>
                    <section class="bio-content bio-header" id="contact">
                        <section class="bio-header-inner">Jared Daniel</section>
                        <section class="bio-header-inner">jareddaniel95@gmail.com</section>
                        <section class="bio-header-inner">555-123-4567</section>
                    </section>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend pellentesque malesuada. Phasellus pharetra dui non hendrerit sagittis.
                    Aliquam augue purus, blandit non interdum eu, semper a dolor. Nam at odio mi. In finibus odio id consectetur dapibus. Quisque a mattis lectus,
                    vel scelerisque nulla. Fusce rhoncus rhoncus dolor dictum tempus. Curabitur fringilla tristique vestibulum. Quisque pulvinar varius blandit.
                    Nam condimentum suscipit maximus. Vivamus sed sapien sodales sem maximus mollis. Curabitur sollicitudin consequat nibh eu tincidunt.
                    Cras faucibus aliquet erat, id scelerisque elit ornare tempus. Duis condimentum at mi vel pharetra. Proin eros est, laoreet vitae augue non,
                    convallis tincidunt odio.
                </section>
            </section>

            <!-- <hr /> -->

            <section class="work" id="work">
                <a href="https://github.com/jareddaniel95/PollTogether" class="item-large" id="item1">
                    <h2>PollTogether</h2>
                </a>
                <a href="https://github.com/jareddaniel95/GifSource" class="item-small" id="item2">
                    <h2>GifSource</h2>
                </a>
                <a href="#" class="item-small" id="item3">
                    <h2>Item 3</h2>
                </a>
                <a href="#" class="item-small" id="item4">
                    <h2>Item 4</h2>
                </a>
                <a href="#" class="item-small" id="item5">
                    <h2>Item 5</h2>
                </a>
            </section>

        </main>
    </body>

</html>