-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (122 loc) · 7.19 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" conttent="width=device-width,initial-scale=1.0">
<title>Phat's Portfolio</title>
<link rel="stylesheet" href="stylesheets.css">
<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=Londrina+Shadow&family=Roboto:wght@100&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav id = "navbar">
<ul>
<li><a href="#" >Home</a></li>
<li><a href="#about" onclick="scrollToSection('about')">About</a></li>
<li><a href="#project" onclick="scrollToSection('projects')">Project</a></li>
<li><a href="#resume" onclick="scrollToSection('resume')">Contact</a></li>
</ul>
</nav>
</header>
<div class ="whole-page">
<div class="container2" id="home">
<div class="profile">
<img class="profileimg" src="img/Hinh_daujpg.jpg"><br><h1>Hi welcome to my page</h1>
</div>
<div class="container1">
<div class="box" id="about-box">About me
<p class="info">Hi my name is Phat. I am a Software Engineering student. You can read more about my brand from describtion bellow!</p>
</div>
<div class="box" id="project-box">Project
<p class="info">I am currently working on different projects mostly game on website and this portfolio also one of my project. Check out more from the project section.</p>
</div>
<div class="box" id="resume-box">Contact
<p class="info">You can contact me through my email at [email protected] or connecting with github, discord, linkedin from bellow!</p>
</div>
</div>
</div>
<div class ="container3" id ="about" >
<div class = "about-me">
<h1 class = "about-me-h1">About Me</h1>
<section class ='describtion-about-me'>
<p>My brand is all about my passion for technology and drive to pursue a career in software engineering. I realized it was time for a change after I found that the coding classes I took in college were too slow and it was difficult for me to retain the information. That is when I discovered a coding bootcamp would be a great way to learn and get hand-on experience. My decision to go into software engineering was driven by my love for creating things from scratch. My short term goal is complete the GA SEI program and secure an internship or entry-level job in tech. In the long run, I want to continue learning various coding language, and still I do find a master degree in computer science is fascinating. Despite English is not being my first language, I have been able to learn quickly, with that being said I think learning computer language is fun and I have already been through it so I know how it is like. If money were no object, my final destination would be finding a house in the wood and go hunting all year long. I am looking to launch a career in Technology field and work in a software developer role with an innovative team working to solve language barrier for everyone to learn.</p>
</section>
</div>
<div class = "under-about-me">
<div class="navbar-skills">
<ul class="navbar-skills-list">
<li><button class ="navbar-skill-button-education">Education</button></li>
<li><button class ="navbar-skill-button-experience">Experience</button></li>
<li><button class ="navbar-skill-button-skill">Skill</button></li>
</ul>
</div>
<div class="navbar-skill-left">
<h1 class="my-interest">My Interest</h1>
<div class="interest">
<img src="img/source-code.png" class="icon">
<img src="img/barbell.png" class ="icon">
<img src="img/musical-notes.png" class="icon">
<img src="img/guitar.png" class="icon">
<img src="img/rock-music.png" class="icon">
<img src="img/dog--v2.png" class="icon">
<img src="img/knight.png" class="icon">
<img src="img/controller.png" class="icon">
<img src="img/naruto-sign.png" class="icon">
</div>
<div class="display-skill">
<div class = "education"><p>My Education:</p>
<ul>
<li>General Assembly Coding Bootcamp</li>
<li>Associate in Computer Science</li>
<li>High School Diploma</li>
</ul>
</div>
<div class = "experience"><p>My Experience:</p>
<ul>
<li>Creating basic portfolio on website</li>
<li>Creating game on terminal</li>
<li>Creating game on DOM</li>
</ul>
</div>
<div class = "skill"><p>My skill: </p>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
<li>Java</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class ="container4" id ="project">
<div class="project-header">
<h1>My Project </h1>
</div>
<div class="under-project">
<div class ="written-in"> <p>Written in:
<ul>
<li>Html</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
</p>
</div>
<div class ="showcase"><img src="img/Screenshot 2023-02-11 at 9.00.04 PM.png"></div>
</div>
</div>
</div>
<script src="function.js"></script>
<footer id="resume">
<div class="footer-icons">
<p class="contact-word">Contact</p>
<a href="https://discord.com/channels/@me"target="blank"><img src="img/Discord-Emblem.png"></a>
<a href="https://www.linkedin.com/in/phat-ca/" target="blank"><img src="/img/LinkedIn_logo_initials.png"></a>
<a href="https://git.generalassemb.ly/phatca" target="blank"><img src="img/GitHub-Mark.png"></a>
</div>
</footer>
</body>
</html>