Ada-C16 · zandra2 · Dec 9, 2021
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "livePreview.defaultPreviewPath": "/pages/about.html",
+  "liveServer.settings.port": 5501
+}
diff --git a/images/Ada_icon.jpeg b/images/Ada_icon.jpeg
diff --git a/images/FWlogo.jpeg b/images/FWlogo.jpeg
diff --git a/images/LinkedIn_Icon/linkedin 1.png b/images/LinkedIn_Icon/linkedin 1.png
diff --git a/images/LinkedIn_Icon/linkedin 1.svg b/images/LinkedIn_Icon/linkedin 1.svg
diff --git a/images/allef-vinicius-c9jTFfa7Njg-unsplash.jpeg b/images/allef-vinicius-c9jTFfa7Njg-unsplash.jpeg
diff --git a/images/blue_greater-than.png b/images/blue_greater-than.png
diff --git a/images/blue_less-than.png b/images/blue_less-than.png
diff --git a/images/dash.png b/images/dash.png
diff --git a/images/github_icon/Vector.svg b/images/github_icon/Vector.svg
diff --git a/images/github_icon/[email protected] b/images/github_icon/[email protected]
diff --git a/images/greater_sign.png b/images/greater_sign.png
diff --git a/images/less_sign.png b/images/less_sign.png
diff --git a/images/mutual_bank.jpeg b/images/mutual_bank.jpeg
diff --git a/images/profile_4png.png b/images/profile_4png.png
diff --git a/images/profile_photo/stripe_me 1.png b/images/profile_photo/stripe_me 1.png
diff --git a/images/profile_photo/stripe_me 1.svg b/images/profile_photo/stripe_me 1.svg
diff --git a/images/profile_photo_1.svg b/images/profile_photo_1.svg
diff --git a/images/profile_photo_2.png b/images/profile_photo_2.png
diff --git a/images/renton-district.png b/images/renton-district.png
diff --git a/images/right-arrow.png b/images/right-arrow.png
diff --git a/images/thin_dash.png b/images/thin_dash.png
diff --git a/pages/about.html b/pages/about.html
@@ -1,12 +1,143 @@
 <!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>Document</title>
-</head>
-<body>
-
-</body>
+
+	<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">
+		<meta name="author" content="Zandra Nguyen">
+		<link href="/styles/about.css"rel="stylesheet">
+		<!-- bootstrap-icons -->
+		<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" integrity="sha384-7ynz3n3tAGNUYFZD3cWe5PDcE36xj85vyFkawcF6tIwxvIecqKvfwLiaFdizhPpN" crossorigin="anonymous"> -->
+		<title>About Zandra</title>
+	</head>
+
+	<body>
+
+		<header>      
+			<nav>
+				<ul>
+					<li><a href="/pages/index.html">Home</a></li>
+					<li><a href="/pages/about.html">About</a> </li>
+					<li><a href="/pages/portfolio.html">Portfolio</a></li>
+				</ul>
+			</nav>
+		</header>
+
+		<main>
+			<h1>About</h1>
+			<section class="section-one">
+				<img class="profile-photo" src="/images/profile_photo/stripe_me 1.png" height="400px" width="600px" alt="profile photo">
+				<div class="container">
+				<h2>Full Stack Developer</h2>
+				<p class="sub-title" >Python | HTML | CSS | JavaScript | React | Bootstrap | Flask | SQLAlchemy | SQL | Postgres</p>
+					<strong class="strong"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">Location:</strong> <span>Seattle | Washington</span><br>
+					<strong class="strong"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">Phone:</strong> <span>(123) 456-7890</span><br>
+					<strong class="strong"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">Email:</strong> <span>[email protected]</span>
+				<p class="text-align">
+					I graduated from Central Washington University with a BS in Business Management.
+					I enjoy designing just about anything and my curiosity has led me to become a full-stack developer.
+					I am a lifelong learner, self-motivated, and a committed team player.
+				</p>
+				</div>
+			</section>
+
+			<section class="summary sub-title">
+				<h2>Professional Experience</h2>
+				<div class="experience-container">
+					<img class="summary-image" src="/images/Ada_icon.jpeg" alt="Ada's Logo" height="70px" width="75px">
+					<div>
+						<h3>Software Engineering Student</h3>
+						<p class="sub-para">Ada Developers Academy</p>
+						<p class="dateline">August 2020 - Present</p>
+						<p><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Studying full stack web development.
+						</p>
+						<p class="text-align"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown 
+							printer took a galley of type and scrambled it to make a type specimen book. 
+						</p>
+					</div>
+				</div>
+				<div class="experience-container">
+					<img class="summary-image" src="/images/FWlogo.jpeg" alt="Ada's Logo" height="70px" width="75px">
+					<div>
+						<h3>Interim Office Manager | Secretary Generalist </h3>
+						<p class="sub-para">Federal Way Public Schools</p>
+						<p class="dateline">October 2017 - August 2021</p>
+						<p class="text-align"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Responsible for ensuring that expenditures are kept within budgeted, preparation of purchase 
+							orders, timesheets, reimbursements, and other documents related to the financial function. 
+							Provided support for professional development, conference registration and travel arrangements 
+							for administrators and staff.
+						</p>
+						<p class="text-align"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Ensured that all critical secretarial functions of department areas are assigned and covered, 
+							and if necessary, provide direction to other office personnel for establishing priorities. 
+							Act as liaison between department administrators and district staff, parents, community, vendors, 
+							partners and contractors.
+						</p>
+						<p class="text-align"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Provided support in new employee orientation, training and supervision of substitute staff, 
+							and coordinate special events such as departmental retreats and training days. Processed 
+							paperwork associated with various program functions, timesheets and absence reports for 
+							employees and substitutes.
+						</p>
+						<p class="text-align"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Processed 4000+ background checks for district employees, partners, contractors and volunteers. 
+							Prepared appropriate communications such as reader board updates, automated call outs, newsletters, 
+							emails, calls to newspapers, flyers, surveys, digital flyer software, etc. to students, staff and 
+							community.
+						</p>
+					</div>
+				</div>
+				<div class="experience-container">
+					<img class="summary-image" src="/images/renton-district.png" alt="Ada's Logo" height="70px" width="75px">
+					<div>
+						<h3>Program Specialist</h3>
+						<p class="sub-para">Renton School District</p>
+						<p class="dateline">September 2010 - September 2016</p>
+						<p><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Vietnamese interpreter supporting Head Start, ECEAP, Elementary, Middle and High School. Helping 
+							children with English as a second language become comfortable with the school environment and 
+							overcome language and culture barriers. Helping family feel welcome and comfortable when attending 
+							school activities/events. Coordinated meeting, invites, and welcome families to after school events.
+						</p>
+					</div>
+				</div>
+				<div class="experience-container">
+					<img class="summary-image" src="/images/mutual_bank.jpeg" alt="Ada's Logo" height="70px" width="75px">
+					<div>
+						<h3>Assistant Manager | Sr. Personal Financial Rep | Operations Supervisor | Teller</h3>
+						<p class="sub-para">Washington Mutual Bank</p>
+						<p class="dateline">October 1999 - February 2005</p>
+						<p><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Daily responsibilities include, but not limited to, operations support to staff, staff training, 
+							hiring, branch employee scheduling, lending, new accounts, and opening and closing of office. 
+							Responsible for the reorganization of the financial center for process improvement and profitability.
+						</p>
+						<p class="text-align"><img src="/images/blue_greater-than.png" alt="greater than sign" height="15px" width="15px">
+							Enrolled staff into training class to meet business goals and compliance while helping individuals 
+							with their advancement opportunity. Responsible for auditing and improving the financial center 
+							operations. Approved financial center workload schedules and travel expense reimbursement. 
+							Ensured the entire banking center is in compliance with all applicable laws, regulations, 
+							bank policies and procedures.
+						</p>
+					</div>
+				</div>
+			</section>
+		</main>
+
+		<footer>
+			<p>Copyright © 2021</p>
+			<ul>
+				<li><a href="https://github.com/zandra2"><img src="/images/github_icon/[email protected]" alt="Github's icon" height="17px" width="17px" target="_blank"/></a></li>
+				<li><a href="https://www.linkedin.com/in/zandra-nguyen/"><img src="/images/LinkedIn_Icon/linkedin 1.png" alt="Linkedin's icon" height="17px" width="17px" target="_blank"/></a></li>
+				<!-- bootstrap-icons -->
+				<!-- <li><a href="https://github.com/zandra2"><i class="bi bi-github"></i></a></li>
+				<li><a href="https://www.linkedin.com/in/zandra-nguyen/"><span class="bi bi-linkedin"></span></a></li> -->
+			</ul>
+		</footer>  
+	</body>
+
 </html>
diff --git a/pages/index.html b/pages/index.html
@@ -4,9 +4,28 @@
   <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>Document</title>
+  <meta name="author" content="Zandra Nguyen">
+  <link href="/styles/index.css" rel="stylesheet">
+  <!-- <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=Be+Vietnam+Pro:ital,wght@0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> -->
+  <title>Zandra Nguyen</title> <!-- Index -->
 </head>
 <body>
+  <header>
+    <nav class="nav-container">
+      <a href="/pages/index.html" target="_blank">Home</a>
+      <a href="/pages/about.html" target="_blank">About</a>
+      <a href="/pages/portfolio.html" target="_blank">Portfolio</a>
+    </nav>
+  </header>
+  <main>
+    <a class="name" href="/pages/index.html" target="_blank">Zandra Nguyen</a>
+  </main>
+  <footer>
+    <p>Copyright © 2021</p>
+</footer>  
 
 </body>
-</html>
+</html>
+
diff --git a/pages/portfolio.html b/pages/portfolio.html
@@ -4,9 +4,38 @@
   <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>Document</title>
+  <link rel="stylesheet" href="/styles/portfolio.css">
+  <meta name="author" content="Zandra Nguyen">
+  <title>Portfolio</title>
 </head>
-<body>
-
-</body>
+<div class="wrapper">
+  <header class="box header">
+    <h1>UNDER CONSTRUCTION</h1>
+  </header>
+<nav class="box sidebar">
+  <ul class="no-bullets center">
+    <li><a href="index.html">Home</a></li>
+    <li><a href="about.html">About</a></li>
+    <li><a href="portfolio.html">Portfolio</a></li>
+  </ul>
+</nav>
+  <body class="box content">
+    <section>
+      <h2>My Portfolio</h2>
+      <ul class="project">
+        <li> <a href="https://github.com/zandra2/swap-meet" target="_blank">Swap Meet</a></li>
+        <li> <a href="https://github.com/zandra2/viewing-party" target="_blank">Viewing Party</a></li>
+        <li> <a href="https://github.com/zandra2/adagrams-py" target="_blank">Adagrams</a></li>
+        <li> <a href="https://github.com/zandra2/solar-system-api" target="_blank">Solar System API </a></li>
+        <li> <a href="https://github.com/zandra2/task-list-api" target="_blank">Task List API</a></li>
+        <li> <a href="https://github.com/zandra2/retro-video-store" target="_blank">Retro video store API </a></li>
+        <li> <a href="https://github.com/zandra2/personal-portfolio-site" target="_blank">Personal Portfolio Site</a></li>
+        <li> <a href="https://github.com/zandra2/weather-report" target="_blank">Weather Report</a></li>
+      </ul>
+    </section>
+  </body>
+  <footer class="box footer">
+    <p> Copyrights @ 2021</p>
+  </footer>
+</div>
 </html>