Ada-C15 · lileekoi · Jun 8, 2021 · Jun 8, 2021 · Jun 8, 2021 · Jun 8, 2021
diff --git a/about.html b/about.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Lindsey Lee</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+        <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen">
+    </head>
+
+    <body>
+    <div class="bgimg w3-display-container w3-animate-opacity">
+    <nav>
+        <div class="w3-display-topleft">
+                <a href="./index.html">Home</a> |
+                <a href="./about.html">About</a> |
+                <a href="./portfolio.html">Portfolio</a> |
+                <a href="./hobby-blog.html">Hobbies</a> |
+                <a href="./anthem.html">Anthem</a>
+        </div>
+    </nav>
+    </div>
+
+    <div class="w3-display-middle w3-padding-large w3-text-white" style="text-align:center">
+        <h1 class="w3-jumbo w3-animate-top">ABOUT ME</h1>
+        <hr class="w3-border-grey" style="margin:auto;width:40%">
+        <h2>hey there! my name is lindsey lee (she / her)</h2>
+            <p>
+            I'm a current software development student at Ada Developer's Academy in Seattle, WA. <br>
+            Before delving into coding I was a Supervisor for strategy, partnerships, and social <br>
+            for the Bacardi Global account at OMD USA and mentored a diverse cohort of recent grads <br>
+            from underserved and underemployed communities transitioning into careers in digital marketing. <br>
+            While I loved the challenge of developing business plans and strategies to implement across <br>
+            global markets, working together with developers opened my eyes to avenue of opportunities <br>
+            through programming. I was introduced to programmimng languages like Python, VBA, and APIs <br>
+            to streamline data with programming languages and APIs and make an impact on people's lives.<br>
+            <br>I am extremely excited to begin an internship as a software developer. I cannot <br>
+            wait to exercise all the skills I've gained at Ada as well as learn new skills that <br>
+            will take me to a full-time position. During and after my internship, I hope to continue <br>
+            learning and to support other women and gender-diverse people in tech.<br>
+            <br> Some of my hobbies include cooking, extreme sports, building IKEA furniture, and <br>
+            ignoring the “Are you still watching?” message on Netflix.<br>
+            </p>
+    </div>
+    <div class="w3-display-bottommiddle w3-padding-large">
+        <a href="https://github.com/lileekoi" class="button">GitHub</a> |
+        <a href="https://www.linkedin.com/in/lindsey-lee/" class="button">LinkedIn</a>
+    </div>
+    <footer>
+    <div class="w3-display-bottomleft w3-padding-large">
+        <p>&copy; Copyright 2021 Lindsey Lee</p>
+    </div>
+    </footer>
+
+    </body>
+</html>
diff --git a/anthem.html b/anthem.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>👾Lindsey Lee | Anthem</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+        <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen">
+    </head>
+
+    <body>
+    <div class="bgimg w3-display-container w3-animate-opacity">
+    <nav>
+        <div class="w3-display-topleft">
+                <a href="./index.html">Home</a> |
+                <a href="./about.html">About</a> |
+                <a href="./portfolio.html">Portfolio</a> |
+                <a href="./hobby-blog.html">Hobbies</a> |
+                <a href="./anthem.html">Anthem</a>
+        </div>
+    </nav>
+    </div>
+
+    <div class="w3-display-middle w3-padding-large w3-text-white" style="text-align:center">
+        <h1 class="w3-jumbo w3-animate-top">WAP</h1>
+        <h2>(PROGRAMMING VERSION)</h2>
+        <hr class="w3-border-grey" style="margin:auto;width:40%">
+            <p>
+              I said, programming freak<br>
+              Seven days a week<br>
+              Full-stack dev-ing<br>
+              Make that coding game weak, woo (ah)<br>
+
+              <br>Yeah, yeah, yeah, yeah<br>
+              Yeah, you fucking with some full-stack dev-ing<br>
+              Bring a framework and your GitHub for this full-stack dev-ing<br>
+              Give me everything you got for this full-stack dev-ing<br>
+
+              <br>Beat it up, get that error response<br>
+              Hella stressed and extra pressed<br>
+              Put this debugger right in your face<br>
+              Test this code for my database<br>
+              Please just work, I wanna cry<br>
+              I wanna nap, I wanna die<br>
+              I have dark circles, look at my eyes<br>
+              I haven’t showered, I’m trying to survive<br>
+              I’m a mess like I'm surprised<br>
+              Let's go sleep, this is my demise<br>
+              I want you to CRUD that request response<br>
+              Right in this little Flask proj<br>
+              Make it dream, make me scream<br>
+              Out in public, make a scene<br>
+              I don’t cook, I don’t clean<br>
+              But let me tell you how I got this cha-ching (ayy, ayy)<br>
+            </p>
+    </div>
+    <footer>
+    <div class="w3-display-bottomleft w3-padding-large w3-text-white">
+        <p>&copy; Copyright 2021 Lindsey Lee</p>
+    </div>
+    </footer>
+
+    </body>
+</html>
diff --git a/hobby-blog.html b/hobby-blog.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Lindsey Lee</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+        <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen">
+
+        <style>
+
+            * {
+                box-sizing: border-box;
+            }
+
+            .header {
+                text-align: center;
+                padding: 32px;
+            }
+
+            .row {
+                display: -ms-flexbox; /* IE10 */
+                display: flex;
+                -ms-flex-wrap: wrap; /* IE10 */
+                flex-wrap: wrap;
+                padding: 0 4px;
+            }
+
+            /* Create four equal columns that sits next to each other */
+            .column {
+                -ms-flex: 25%; /* IE10 */
+                flex: 25%;
+                max-width: 25%;
+                padding: 0 4px;
+            }
+
+            .column img {
+                margin-top: 8px;
+                vertical-align: middle;
+                width: 100%;
+            }
+
+            /* Responsive layout - makes a two column-layout instead of four columns */
+            @media screen and (max-width: 800px) {
+            .column {
+                -ms-flex: 50%;
+                flex: 50%;
+                max-width: 50%;
+            }
+            }
+
+            /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+            @media screen and (max-width: 600px) {
+            .column {
+                -ms-flex: 100%;
+                flex: 100%;
+                max-width: 100%;
+            }
+            }
+        </style>
+    </head>
+
+    <body>
+
+        <!-- Header -->
+        <div class="bgimg w3-display-container w3-animate-opacity">
+        <div class="header">
+            <h1 class="w3-jumbo w3-animate-top w3-text-white">HOBBIES</h1>
+            <hr class="w3-border-grey" style="margin:auto;width:40%">
+        </div>
+        <nav>
+            <div class="w3-display-topleft">
+                <a href="./index.html">Home</a> |
+                <a href="./about.html">About</a> |
+                <a href="./portfolio.html">Portfolio</a> |
+                <a href="./hobby-blog.html">Hobbies</a> |
+                <a href="./anthem.html">Anthem</a>
+            </div>
+        </nav>
+
+
+        <!-- Photo Grid -->
+        <div class="row"> 
+        <div class="column">
+            <img src="https://cdn.dribbble.com/users/1206459/screenshots/12871536/media/ef10a60f1ea4ac83821bd18d1a652dde.png?compress=1&resize=400x300" alt="Girl Cooking in Kitchen" style="width:100%">
+            <img src="https://media.giphy.com/media/l0IylOPCNkiqOgMyA/giphy.gif" alt="Charlie Day Conspiracy Theory gif" style="width:100%">
+        </div>
+        <div class="column">
+            <img src="https://i.pinimg.com/originals/40/c2/b9/40c2b915c447892a3e04951dfaaf3270.png" alt="Aesthetic Watching Netflix in Bed" style="width:100%">
+            <img src="https://i.pinimg.com/originals/4a/07/9d/4a079ddd0627f892f38fee99ee2da431.jpg" alt="Girl Listening to Music on Phone" style="width:100%">
+        </div>  
+        <div class="column">
+            <img src="https://payload503.cargocollective.com/1/5/176485/12376622/NYU-New-York-Illustration-Owen-Davey-Travel-Planes-Student-Airport_1000.jpg" alt="Girl Waiting to Travel at Airport" style="width:100%">
+            <img src="https://img.freepik.com/free-vector/woman-sleeping-her-bedroom_179970-1216.jpg?size=626&ext=jpg" alt="Girl Sleeping In Bed" style="width:100%">
+        </div>
+        <div class="column">
+                <img src="https://media.giphy.com/media/WRQBXSCnEFJIuxktnw/giphy.gif" alt="Confused Woman Math gif" style="width:100%">
+                <img src="https://image.freepik.com/free-vector/character-illustration-diy-home-improvement-concept_53876-66090.jpg" alt="DIY crafts stock photo image" style="width:100%">
+        </div>
+        <footer>
+            <div class="w3-display-bottomleft w3-padding-large">
+                <p>&copy; Copyright 2021 Lindsey Lee</p>
+            </div>
+            </footer>
+        </div>
+        </div>
+    </body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Lindsey Lee</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+        <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen">
+    </head>
+
+    <body>
+    <div class="bgimg w3-display-container w3-animate-opacity w3-text-white">
+        <div class="w3-display-middle">
+            <h1 class="w3-jumbo w3-animate-top">LINDSEY LEE</h1>
+            <hr class="w3-border-grey" style="margin:auto;width:40%">
+            <div class="w3-large w3-center">
+                <br>
+                <a href="./index.html">Home</a> |
+                <a href="./about.html">About</a> |
+                <a href="./portfolio.html">Portfolio</a> |
+                <a href="./hobby-blog.html">Hobbies</a> |
+                <a href="./anthem.html">Anthem</a>
+            </div>
+        </div>
+
+        <div class="w3-display-bottommiddle w3-padding-large">
+            <a href="https://github.com/lileekoi" class="button">GitHub</a> |
+            <a href="https://www.linkedin.com/in/lindsey-lee/" class="button">LinkedIn</a>
+        </div>
+        <footer>
+        <div class="w3-display-bottomleft w3-padding-large">
+            <p>&copy; Copyright 2021 Lindsey Lee</p>
+        </div>
+        </footer>
+    </div>
+    </body>
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Lindsey Lee | Portfolio</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+        <link rel="stylesheet" href="stylesheets/portfolio.css" type="text/css" media="screen">
+    </head>
+
+    <body>
+        <div class="bgimg w3-display-container w3-animate-opacity">
+        <nav>
+            <div class="w3-display-topleft">
+                <a href="./index.html">Home</a> |
+                <a href="./about.html">About</a> |
+                <a href="./portfolio.html">Portfolio</a> |
+                <a href="./hobby-blog.html">Hobbies</a> | 
+                <a href="./anthem.html">Anthem</a>
+            </div>
+        </nav>
+            <div class="w3-display-middle w3-padding-large" style="text-align:center">
+                <h1 class="w3-jumbo w3-animate-top">PORTFOLIO</h1>
+                <div class="container">
+                    <div class="bg1">
+                        <a href="https://github.com/lileekoi/retro-video-store" class="button">RETRO VIDEO STORE</a>
+                        <p>flask</p>
+                    </div>
+                    <div class="bg1">
+                        <a href="https://github.com/lileekoi/video-store-cli" class="button">VIDEO STORE CLI</a>
+                    </div>
+                    <div class="bg1">
+                        <a href="https://github.com/lileekoi/task-list-api" class="button">TASK LIST API</a>
+                        <p>flask</p>
+                    </div>
+                    <div class="bg1">
+                        <a href="https://github.com/lileekoi/swap-meet" class="button">SWAP MEET</a>
+                        <p>object oriented programming</p>
+                    </div>
+                    <div class="bg1">
+                        <a href="https://github.com/lileekoi/viewing-party" class="button">VIEWING PARTY</a>
+                        <p>programming fundamentals</p>
+                    </div>
+                </div>
+            </div>
+            <div class="w3-display-bottommiddle w3-padding-large">
+                <a href="https://github.com/lileekoi" class="button">GitHub</a> |
+                <a href="https://www.linkedin.com/in/lindsey-lee/" class="button">LinkedIn</a>
+            </div>
+        </div>
+        <footer>
+            <div class="w3-display-bottomleft w3-padding-large">
+            <p>&copy; Copyright 2021 Lindsey Lee</p>
+            </div>
+        </footer>   
+    </body>
+</html>
+
+