-
Notifications
You must be signed in to change notification settings - Fork 0
/
swe.html
142 lines (137 loc) · 7.64 KB
/
swe.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Software Engineering Page</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<div class="container-fluid">
<!--Nav Bar-->
<div class="navbar navbar-expand-md">
<div class="container-xxl">
<a href="index.html" class="navbar-brand">
<span class="fw-bold fs-4">
Cynthia Zapata
</span>
</a>
<!--Toggle Menu Icon-->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#main-nav" aria-controls="main-nav" aria-expanded="false"
arai-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--Nav Bar Links-->
<div class="collapse navbar-collapse justify-content-end align center" id="main-nav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-item">
<a class="nav-link" href="about.html">About</a>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Projects</a>
</a>
<ul class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="projects.html">All</a></li>
<li><a class="dropdown-item" href="datamining.html">Data Mining</a></li>
<li><a class="dropdown-item" href="swe.html">Software Engineering</a></li>
<li><a class="dropdown-item" href="frontend.html">Front-end Development</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<body>
<div class="container">
<div class="row">
<h2 class="text-uppercase fw-bold">Software Engineering</h2>
</div>
<!-- Project 1: Font GUI JavaFX App -->
<div class="row project-container">
<div class="col-sm-12 col-md-6">
<a href="https://github.com/cynzapata/Font-GUI-JavaFX_App">
<img src="images/javafxapp.png" class="img-fluid project-image" alt="Galaxy Generator">
</a>
</div>
<div class="col-sm-12 col-md-6">
<h3 class="fw-bold">Font GUI JavaFX App</h3>
<p class="project-description">Developed a Font GUI JavaFX app using CSS, Java,
and JavaFX. The app allows users to customize and render text with different
font styles, sizes, colors, and shapes.
</p>
<p class="project-links">
<a href="https://github.com/cynzapata/Font-GUI-JavaFX_App" class="btn btn-primary">GitHub</a>
</p>
<p class="project-tech">Technologies: CSS, Java, JavaFX</p>
</div>
</div>
<!-- Project 2: Coding Portfolio Website -->
<div class="row project-container">
<div class="col-sm-12 col-md-6">
<a href="https://github.com/cynzapata/coding-portfolio">
<img src="images/codingportfolio.png" class="img-fluid project-image" alt="Coding Portfolio Website">
</a>
</div>
<div class="col-sm-12 col-md-6">
<h3 class="fw-bold">Coding Portfolio Website</h3>
<p class="project-description">Hosted the website on Amazon S3 and established a custom domain through Amazon Route 53. Enabled static website
hosting and seamlessly directed the domain to the S3 bucket. Designed the website using a combination
of SCSS, Bootstrap, HTML, and CSS.</p>
<p class="project-links">
<a href="https://github.com/cynzapata/coding-portfolio" class="btn btn-primary">GitHub</a>
</p>
<p class="project-tech">Technologies: AWS, Bootstrap, SCSS, HTML, CSS</p>
</div>
</div>
<!-- Project 3: BMI Calculator -->
<div class="row project-container">
<div class="col-sm-12 col-md-6">
<a href="https://github.com/cynzapata/BMI-Calculator">
<img src="images/bmi-calculator.png" class="img-fluid project-image" alt="BMI Calculator project">
</a>
</div>
<div class="col-sm-12 col-md-6">
<h3 class="fw-bold">BMI Calculator</h3>
<p class="project-description">Developed an interactive BMI calculator using HTML, CSS, and Javascript. Allows users to input their weight and height to calculate their BMI score.</p>
<p class="project-links">
<a href="https://github.com/cynzapata/BMI-Calculator" class="btn btn-primary">GitHub</a>
</p>
<p class="project-tech">Technologies: HTML, CSS, Javascript</p>
</div>
</div>
<!-- Project 4: Coffee Shop Reccomendations -->
<div class="row project-container">
<div class="col-sm-12 col-md-6">
<a href="https://github.com/cynzapata/coffeeshop">
<img src="images/coffee-shop.png" class="img-fluid project-image" alt="Coffee Shop Recommendations Website">
</a>
</div>
<div class="col-sm-12 col-md-6">
<h3 class="fw-bold">Coffee Shop Recommendations Website</h3>
<p class="project-description">Used Bootstrap, SCSS, HTML, CSS, and JavaScript to develop a website providing
coffee shop recommendations from three diverse countries. The site offers language options, including Korean,
Japanese, English, and Spanish.</p>
<p class="project-links">
<a href="https://github.com/cynzapata/coffeeshop" class="btn btn-primary">GitHub</a>
</p>
<p class="project-tech">Technologies: Bootstrap, SCSS, HTML, CSS, Javascript</p>
</div>
</div>
<footer class="text-center p-3 mt-5">
<div class="container">
<p>© 2023 Cynthia Zapata. All rights reserved.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>