-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (122 loc) · 6.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio</title>
<script src="https://kit.fontawesome.com/ff8733378b.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id = "header">
<nav>
<h2 class="logo">Portfolio</h2>
<ul id="sidemenu">
<li><a href="#header">home</a></li>
<li><a href="#about">about me</a></li>
<li><a href="#resume">resume</a></li>
<li><a href="#contact">contact</a></li>
<i class="fa-solid fa-circle-xmark" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="intro">
<h1>Hi, I'm Anh Chien Vu <br> From Vietnam.</h1>
<h3>Software Developer/ Web Designer</h3>
</div>
</div>
<!-- About section -->
<div id="about">
<div class="container">
<div class="row">
<div class="col1">
<div class="tab">
<div class="skill">
<p>Skills</p>
<div class="tab-content">
<ul>
<li><span>C/ C++/ Python</span><br>Coding a program using one of those languages</li>
<li><span>HTML/ CSS/ JavaScript</span><br>Create a basic website by combining 3 of those</li>
<li><span>SQL</span><br>Using SQL to extract data and Create database in a server</li>
</ul>
</div>
</div>
<div class="education">
<p>Education</p>
<div class="tab-content">
<ul>
<li><span>2021-2024(expected): Seneca College</span><br>- Advanced Diploma in Compuuter Programming and Analys<br>- In the Dean's list every semester</li>
<li><span>2021-2022: Seneca College</span><br>- Computer Engineering Technology program</li>
<li><span>2018-2021: Hanoi University of Science and Technology</span><br>- Mechanical Engineering program</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col2">
<h1 class="about_me">About Me</h1>
<p class="info-me">Hi, I am Anh Chien Vu, currently I am studing the second semester at Seneca College. My major is Computer Programming and Analys.
Before I doing the CPA program, I also did the Computer Engineering Technology program at Seneca, which focus more on the hardware, and because I dont want just
stop at the hardware field, I decided to learn more about software fields and web development. I see that creating a website is kind of interesting and I also
have more knowledge about how a website is coded. In the future, I want to become a Full stack developer who can deal with front-end and back-end, and this
website is absolutely a stage in my career.</p>
<div class="basic-info">
<div class="title">
<p>Age:</p>
<p>Email:</p>
<p>Language:</p>
<p>Class section:</p>
<p>Student ID:</p>
<p>Instructor:</p>
</div>
<div class="data">
<p>22</p>
<p>[email protected]</p>
<p>English, Vietnamese</p>
<p>NGG</p>
<p>102903218</p>
<p>Harry Scanlan</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Download resume -->
<div id="resume">
<a id="resume_button" href="resume.pdf" download><i class="fa-solid fa-download"></i> Resume</a>
</div>
<!-- contact -->
<div id="contact">
<div class="row">
<div class="contact-left">
<h1 class="about_me">Contact me</h1>
<p><i class="fa-solid fa-paper-plane"></i> [email protected]</p>
<p><i class="fa-solid fa-phone"></i> 0123456789</p>
</div>
<div class="contact-right">
<form id="contact-form" name="feedback" action="https://httpbin.org/post" method="post" >
<input type="text" id="Name" name="Name" placeholder="Your name..">
<input type="email" id="Email" name="Email" placeholder="Your email..">
<textarea id="Feedback" name="Feedback" placeholder="Write something.." style="height:200px"></textarea>
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>
<!-- footer -->
<footer>
<p>Anh Chien Vu</p>
<p>Thank you for passing by my Website!</p>
<div class="social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
</div>
<p class="honesty">I declare that my assessment is wholly my own work in accordance with Seneca Academic Policy. No part of this assessment has been copied manually or electronically
from any other source (including web sites) except for the information supplied by the WEB222 instructors and / or made available in this assessment for my use.
I also declare that no part of this assignment has been distributed to other students.</p>
</footer>
<script src="script.js"></script>
</body>
</html>