personal-website/index.html at main · hung-o7/personal-website · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>
            My Personal Website
        </title>
        <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@400;700&display=swap" rel="stylesheet">

        <link href="headerstyle.css" rel="stylesheet" type="text/css">

        <style>
            .headshot{
                width: 450px;
                height: 450px;
                object-fit: cover;
                border-radius: 450px;
                display:block;
                box-shadow:0px 5px 10px rgba(0, 0, 0, .15);
                margin-right: 125px;
            }
            .bottomhome{
                background-color: rgba(252,247,241,255);
            }
            .totalrows{
                display: grid;
                grid-template-rows: 80px 80px 1fr;
            }
            .mainname{
                padding-top: 100px
            }
            .name{
                color: rgba(252,247,241,255);
                text-align: right;
                font-size: 100px;
                font-weight: 700;
                line-height: 0px;
                padding-right: 25px;
            }
            .aboutme{
                text-align: center;
                color: rgba(252,247,241,255);
                padding-top: 75px;
            }
            .text{
                margin-bottom: 0px;
                margin-top: 5px;
                font-size: 20px;
                margin-left: 50px;
            }
        </style>
    </head>
    <body style="background-color: rgba(252,247,241,255)">
        <div class="totalrows">
            <header>
                <p class="title">
                    MY PERSONAL WEBSITE / PORTFOLIO
                </p>
            </header>
            <nav class="headerbar">
                <div class="headerblanks">

                </div>
                <div id="resume">

                </div>
                <div>
                    <a href="https://www.linkedin.com/in/hungdoan1/" target="_blank">
                        <button class="headertitles">
                            LinkedIn
                        </button>
                    </a>
                </div>
                <div>
                    <a href="games.html">
                        <button class="headertitles">
                            Games
                        </button>
                    </a>
                </div>
                <div id="home">
                    <a href="index.html">
                        <button class="headertitles" style="background-color: rgba(101,58,41,255); color: rgba(252,247,241,255); font-weight: bold;">
                            Home
                        </button>
                    </a>
                </div>
                <div id="projects">
                    <a href="projects.html">
                        <button class="headertitles">
                            Projects
                        </button>
                    </a>
                </div>
                <div id="recipes">
                    <a href="recipes.html">
                        <button class="headertitles">
                            Recipes
                        </button>
                    </a>
                </div>
                <div>
                </div>
                <div class="headerblanks">

                </div>
                <div style="background-color: rgba(252,247,241,255);">

                </div>

            </nav>
            <div class="bottomhome">
                <main style="display: grid; grid-template-columns: 60px 1fr 1fr 60px; background-color: rgba(172,154,142,255); margin-top: 100px">
                    <div style="background-color: rgba(252,247,241,255);">
                        &#8205;
                    </div>
                    <div class="aboutme">
                        <p style="font-size: 30px; text-decoration: underline; font-weight: bold;">
                            ABOUT ME
                        </p>
                        <p style="font-size: 20px;" class="text">
                            Hi!! I am a Sophomore at Iowa State University studying Software
                            Engineering with a minor in Cyber Security. I just finished a
                            summer internship at Wells Enterprises (Blue Bunny) which was an
                            IT / Business Intelligence internship. This allowed me to explore
                            the data science world of computer science and create projects centered
                            around both subjects. This school year, I plan on experimenting with my
                            Raspberry Pi and Arduino board and create some projects that use those hardware.
                        </p>
                    </div>
                    <div style="padding-bottom: 200px;
                    margin-left: 30px;
                    margin-top: 50px;">
                        <img class="headshot" src="website_photos/headshot1.jpg">
                    </div>
                    <div style="background-color: rgba(252,247,241,255);">
                        &#8205;
                    </div>
                </main>
            </div>
        </div>
    </body>
</html>