Portfolio/index.html at main · jssoyoung/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
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
    <head>
        <title>My Portfolio</title>
        <link rel="stylesheet" href="Assets/css/reset.css" />
        <link rel="stylesheet" href="Assets/css/style.css" />
    </head>
    <body>
        <nav>
            <h1>Jessica Yun</h1>
            <ul>
                <li><a href="#about">About Me</a></li>
                <li><a href="#projects">My Projects</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>

        <main>
            <section id="intro">
                <h2>Portfolio</h2>
            </section>
            <hr>

            <section id="about" class="about">
                <h3>About Me</h3>
                <img src="Assets/Images/portfolio-pic.jpg" class="center" alt="Porfolio image"/>
                <p>Hello, my name is Jessica Yun. Welcome to my portfolio!</p>
                <p>I am currently a student enrolled in the UC Berkeley Coding Bootcamp.</p>
                <p>Please take a look at some of my projects down below!</p>
            </section>
            <hr>

            <section id="projects">
                <h3>My Projects</h3>
                    <div class="main-project">
                        <figure class="flexbox">
                            <p>Project 1</p>
                    <a href="https://github.com/jssoyoung/Portfolio"><img src="Assets/Images/portfolio.png" alt="Portfolio screenshot"></a>
                        </figure>
                    </div>

                <div class="projects">
                    <div class="row">
                    <figure class="flexbox">
                        <p>Project 2</p>
                        <a href="https://github.com/jssoyoung/Marketing-Agency-Website"><img src="Assets/Images/marketing-website.png" alt="Marketing Website screenshot"></a>
                    </figure>
                    <figure class="flexbox">
                        <p>Project 3</p>
                        <a href="https://github.com/jssoyoung/prework-study-guide"><img src="Assets/Images/prework.png" alt="prework screenshot"></a>
                    </figure>
                    </div>
                    <div class="row">
                    <figure class="flexbox">
                        <p>Project 4</p>
                        <a href="https://github.com/jssoyoung?tab=repositories"><img src="Assets/Images/coming-soon.png" alt="coming soon sign"></a>
                    </figure>
                    <figure class="flexbox">
                        <p>Project 5</p>
                        <a href="https://github.com/jssoyoung?tab=repositories"><img src="Assets/Images/coming-soon.png" alt="coming soon sign"></a>
                    </figure>
                    </div>
                </div>
            </section>
            <hr>

            <section id="contact">
                <h3>Contact Me</h3>
                <div class="contacts">
                    <ul>
                        <li>Phone: 206-4462002</li>
                        <li>Email: jessicasopark@gmail.com</li>
                        <li>Github:<a href="https://github.com/jssoyoung?tab=repositories">My Github Repository</a></li>
                    </ul>
                    </div>
            </section>
        </main>
        <p></p>
    </body>
</html>