-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (96 loc) · 3.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/styles/styles.css">
<title>Ivy Lariosa</title>
</head>
<body>
<header>
<div class="container">
<div class="header-main">
<a id="logo" href="#">Ivy Lariosa</a>
<div class="desktop-nav">
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#contacts">Contacts</a>
</div>
</div>
</div>
</header>
<section id="about" class="container">
<div class="about-description">
<h1>Hello, my name is <span class="name">Ivy Lariosa</span></h1>
<p>A Computer Science graduate with experience in web development specifically backend development.</p>
<div class="button-container">
<a class="github-button" href="https://github.com/Aibi-Green" target="_blank">Projects</a>
<a class="linkedin-button" href="https://www.linkedin.com/in/ivy-lariosa/" target="_blank">LinkedIn</a>
</div>
</div>
<div class="about-image">
<div class="shape">
<img src="./assets/images/home-pic.png" alt="ivy-photo" />
</div>
</div>
</section>
<section id="projects" class="container">
<h2>Projects</h2>
<hr />
<div id="project-items">
<a class="project-item" href="https://github.com/Aibi-Green/Diet-Recommendation-System" target="_blank">
<h3>NutriMatch</h3>
<div class="tags">
<span>Python</span>
<span>ReactJS</span>
<span>TypeScript</span>
</div>
<p>A diet recommendation app that personalizes meal suggestions based on user-provided information, such as age,
height, weight, and other factors, utilizing k-Nearest Neighbor and Fuzzy Logic machine learning algorithms
for tailored nutrition advice.</p>
</a>
<a class="project-item" href="https://drive.google.com/drive/folders/1hD_r4z7NsPcMDxPJflxqwUoB23IA3aht" target="_blank">
<h3>Non Profit Organization</h3>
<div class="tags">
<span>PHP</span>
<span>HTML</span>
<span>CSS</span>
</div>
<p>A group project website developed for a non-profit organization, featuring a donation functionality that
allows visitors to contribute funds online. I was responsible for designing and implementing the entire
backend of the site using PHP.</p>
</a>
<a class="project-item" href="https://github.com/Aibi-Green/Student-Registration" target="_blank">
<h3>Student Registration App</h3>
<div class="tags">
<span>Java</span>
<span>PostgreSQL</span>
</div>
<p>A simple app project enabling students to register via a Java application interface, which then seamlessly
adds their information to the database.</p>
</a>
</div>
</section>
<footer id="contacts" class="container">
<div>
<h2>Contacts</h2>
<hr />
</div>
<div class="contact-items">
<div>
<img src="./assets/images/phone-icon.png" alt="phone-icon-flaticon" />
<p>(+63) 956 083 2976</p>
</div>
<div>
<img src="./assets/images/letter-icon.png" alt="letter-icon-flaticon" />
<p>ivy.lariosa@gmail.com</p>
</div>
<a href="https://www.linkedin.com/in/ivy-lariosa/" target="_blank">
<img src="./assets/images/linkedin-icon.png" alt="linkedin-flaticon" />
<p>Ivy Lariosa</p>
</a>
</div>
</footer>
<script src="./assets/scripts/index.js" defer></script>
</body>
</html>