diff --git a/pages/jeslyn_tatang/jeslyn.css b/pages/jeslyn_tatang/jeslyn.css
new file mode 100644
index 0000000..04b0432
--- /dev/null
+++ b/pages/jeslyn_tatang/jeslyn.css
@@ -0,0 +1,7 @@
+body {
+    font-family: 'Tajawal', sans-serif;
+}
+
+.section-heading {
+    font-family: 'Spectral', serif;
+}
\ No newline at end of file
diff --git a/pages/jeslyn_tatang/jeslyn.html b/pages/jeslyn_tatang/jeslyn.html
new file mode 100644
index 0000000..51509cb
--- /dev/null
+++ b/pages/jeslyn_tatang/jeslyn.html
@@ -0,0 +1,142 @@
+<!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">
+    <link href="https://fonts.googleapis.com/css?family=Tajawal&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Spectral&display=swap" rel="stylesheet">
+	<link rel="icon" href="https://codenation.org/wp-content/themes/codenation/src/public/img/ico-code-nation.ico" type="image/x-icon">
+	<title>Code Nation Interns 2019</title>
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9"
+	 crossorigin="anonymous">
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
+	 crossorigin="anonymous">
+	<link href="../../main.css" rel="stylesheet">
+	<!-- ADD YOUR CUSTOM STYLESHEET BELOW -->
+	<link href="jeslyn.css" rel="stylesheet">
+</head>
+
+<body>
+	<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
+		<div class="container">
+			<a class="navbar-brand" href="../../index.html">
+				<img class="brand-image" src="../../assets/site/cn_logo_black-08.png">
+            </a>
+        </div>
+    </nav>
+
+      <!-- TEAM -->
+      <section class="bg-light profile">
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-12 text-center">
+                <h2 class="section-heading text-uppercase">Jeslyn Tatang</h2>
+                <img class="rounded-circle profile-img" src="jeslyn.jpg" alt="">
+                <h3 class="section-subheading text-muted">Intern at Clever</h3>
+                <a class="profile-icon" href ="mailto:jeslyn.tatang@gmail.com">
+                  <i class="fas fa-envelope"></i>
+                </a>
+                <a class="profile-icon" href ="https://www.linkedin.com/in/jeslyn-tatang-30aa2b149/">
+                    <i class="fab fa-linkedin"></i>
+                </a>
+                <a class="profile-icon" href ="http://github.com/jeslyntatang">
+                  <i class="fab fa-github"></i>
+                </a>
+              </div>
+            </div>
+          </div>
+        </section>
+        <section class="info">
+          <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <h2 class="section-heading">About Me</h2>
+                    <p class="">
+                        I graduated from Balboa High School of San Francisco in 2019, where I was part of the
+                        Game Design Academy. In Fall 2019, I'll be attending UC Davis. I was in Code Nation's
+                        Foundations and Advanced Courses, where I learned HTML, CSS, and JavaScript. I also learned
+                        Java in AP Computer Science class in senior year. Besides coding, I also enjoy writing
+                        and world history.
+                    </p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h2 class="section-heading">My Internship Experience</h2>
+                    <p class="">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque,
+                      laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.
+                    </p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h2 class="section-heading">What I Worked On</h2>
+                    <p class="">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque,
+                      laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.
+                    </p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h2 class="section-heading">Key Takeaways</h2>
+                    <p class="">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque,
+                      laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.
+                    </p>
+                </div>
+            </div>
+
+          </div>
+        </section>
+
+      <!-- FOOTER -->
+        <div class="footer" id="footer">
+            <div class="container">
+            <div class="row">
+                <div class="col-lg-4 text-center">
+                </div>
+                <div class="col-lg-4">
+                    <div class="text-center">
+                        <img class="footer-logo" src="../../assets/site/cn_logo_black.png">
+                    </div>
+                    <div class="text-center">
+                        <a class="footer-icon" href="mailto:jeslyn.tatang@gmail.com">
+                                    <i class="fas fa-envelope"></i>
+                                </a>
+                        <a class="footer-icon" href="https://twitter.com/ScriptEdOrg">
+                                    <i class="fab fa-twitter"></i>
+                                </a>
+                        <a class="footer-icon" href="https://github.com/jeslyntatang">
+                                    <i class="fab fa-github"></i>
+                                </a>
+                        <a class="footer-icon" href="https://www.instagram.com/scriptedorg/">
+                                    <i class="fab fa-instagram"></i>
+                                </a>
+                        <a class="footer-icon" href="https://www.facebook.com/scriptedorginsta">
+                                    <i class="fab fa-facebook-square"></i>
+                                </a>
+                    </div>
+                </div>
+                <div class="col-lg-4">
+                </div>
+            </div>
+        </div>
+        </div>
+
+
+
+
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+    <script src="main.js"></script>
+     <!-- ADD YOUR SCRIPT BELOW -->
+     <script src="jeslyn.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/pages/jeslyn_tatang/jeslyn.jpg b/pages/jeslyn_tatang/jeslyn.jpg
new file mode 100644
index 0000000..66c5b2b
Binary files /dev/null and b/pages/jeslyn_tatang/jeslyn.jpg differ
diff --git a/pages/jeslyn_tatang/jeslyn.js b/pages/jeslyn_tatang/jeslyn.js
new file mode 100644
index 0000000..e69de29
