-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (148 loc) · 4.85 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/Landingpage.css" />
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
<title>Get to Know Alaica</title>
</head>
<body>
<div class="container6">
<div class="logo"><b>ALAICA</b></div>
<div class="dropdown">
<button class="dropbtn"><img src="./images/nav.png" style="width:38px;height:28px"></button>
<div class="dropdown-content">
<a href="#home">Home</a>
<a href="#education">Education</a>
<a href="#aboutme">About Me</a>
<a href="#skills">Skills</a>
<a href="#earlyl">Early Life</a>
<a href="#contact">Contact</a>
</div>
</div>
<div class="background-container" id="home">
<div class="background-content">
<div class="Alaica">Hi, I'm Alaica</div>
<p class="detail">a computer engineering student currently pursuing my education at<br>
Holy Angel University. I believe in the power of technology to shape <br>
the future and am enthusiastic about being a part of this dynamic field.
<p>
<a class="knowmore" href="#fact">READ MORE</a>
<a class="contact" href="#contact">CONTACT ME</a>
</div>
</div>
<div class="container5">
<div class="heading">
<h3 class="early" id="aboutme"> ABOUT ME </h3>
</div>
</div>
<div class="content-1">
<p>
I'm Alaica Gonzales Pineda, born on June 19, 2003, and I
currently attend Holy Angel University. I call Balibago, Angeles City
my home, where I've had the privilege of growing and learning.
These are just a few of the many facets that make up my life, and
I'm excited to share more about my journey and experiences with you.
<p>
This page offers a glimpse into various aspects of my life. It provides
insights into who I am, my experiences, and the journey I've embarked upon.
I invite you to explore and get to know me better as I share some
parts of my life and the stories that define me.
</p>
</div>
</div>
<hr class="one">
<div class="container-2">
<div class="card">
<img src="./images/me1.jpg" alt="me" />
</div>
<div class="card">
<img src="./images/mee2.jpg" alt="me" />
</div>
</div>
<p id="fact" class="fact">
I derive immense joy and happiness from being in front of the camera.
<br> It's a source of genuine enjoyment in my
life, and I relish every moment spent posing for photos.
</p>
<div class="container-2">
<div class="card">
<img src="./images/meeee.JPG" alt="me" style="height: fit-content;" />
</div>
<div class="card">
<img src="./images/me3.jpg" alt="me" />
</div>
</div>
<hr class="one">
<div class="container5">
<div class="heading">
<h3 class="early"> EDUCATION</h3>
</div>
</div>
<div class="container" id="education">
<ul class="education-list">
<li class="education-item">
<img class="education-logo1" src="./images/hcc_logo1.png" alt="University Logo 1">
<div class="education-details">
<h3>Holy Cross College</h3>
<p> Accountancy, Business, and Management Strand</p>
<p>Graduation Year: 2021</p>
</div>
</li>
<li class="education-item">
<img class="education-logo2" src="./images/hau_logo2.png" alt="University Logo 2">
<div class="education-details">
<h3>Holy Angel University</h3>
<p>Bachelor of Science in Computer Engineering</p>
<p>From 2021 to Present</p>
</div>
</li>
</ul>
</div>
</div>
<div class="container5">
<div class="heading">
<h3 class="early" id="skills"> SKILLS</h3>
</div>
</div>
<div class="skills">
<ul class="skill-list">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Web Graphic Design</li>
<li>Basic Networking</li>
<li>Video Editing</li>
</ul>
</div>
<div class="container5" id="earlyl">
<div class="heading">
<h3 class="early">Early Life </h3>
</div>
<div class="box">
<div class="dream">
<img src="images/1.png">
<img src="images/2.png">
</div>
<div class="dream">
<img src="images/3.png">
<img src="images/4.png">
</div>
<div class="dream">
<img src="images/5.png">
<img src="images/6.png">
</div>
</div>
</div>
</div>
<footer class="contact-footer">
<div id="contact" class="contact-info">
<h3>GET IN TOUCH</h3>
<hr class="two">
<p><strong>Email:</strong> [email protected]</p>
<p><strong>Phone:</strong> 09123456789</p>
<p><strong>Address:</strong> Balibago, Angeles City, Pampanga</p>
</div>
</footer>
</body>
</html>