ada-c17 · yingsgithub · May 23, 2022 · May 26, 2022 · May 26, 2022 · May 26, 2022
diff --git a/about.html b/about.html
@@ -0,0 +1,72 @@
+<!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>about Ying</title>
+  <!-- <link href="../styles/about.css" rel="stylesheet" /> -->
+  <link href="./style.css" rel="stylesheet" />
+  <style>
+    .about-container{
+      background-image: url("./images/watercolor5.png");
+      background-repeat: no-repeat;
+      background-size: 100%;
+    }
+  </style>
+</head>
+
+<body>
+    <header class="about-header">
+      About Ying
+    </header>
+
+
+    <nav class="about-nav">
+      <ul>
+        <li>
+          <a href="./index.html">Home</a>
+        </li>
+        <li>
+          <a href="./portfolio.html">Project Portfolio</a>
+        </li>
+        <li>
+          <a href="https://www.linkedin.com/in/ying-ye-0102/"> Ying's LinkedIn</a>
+        </li>
+      </ul>
+    </nav>
+
+  <section class="about-container">
+    <div>
+      <h4> Current Role: Full-stack Engineering Student at Ada </h4>
+      <p>Pandemic gave me opportunity to rethink and adjust my life. With strong curiosity and deep interest in coding, I started my journey of tech at Ada Developers Academy as a full-stack student and this was one of my best decisions. With 6 month immersing coding study, I learn not only full-stack software develop skills, as well as strong CS fundamentals, engineer mind-set, communication skills. I feel well-armed at Ada and I can’t wait to start next step of my tech journey.</p>
+    </div>
+    <div> 
+      <h4> Previous Role  </h4>
+      <p>My experience at accounting industry, especially the experience of being an auditor at the public accounting firm is special and import to me. I was debugging financial statements for a large public company with revenue approximately $27 billions as well as small private companies. Within a team based environment, I began to develop my skills of problem solving, data analysis, documentation writhing and client communication. I got the opportunities to touch new tech tools to deal with data and soon realized I wanted to learn how to do more with data, which directed me to the journey of coding.</p>
+    </div>
+    <div> 
+      <h4> Family Role </h4>
+      <p> I am very much enjoy being a mother of a little boy. Being in this role, my life is full of challenge, fun and love. This role does not only mean helping my child grow, in contrast, I am the one who grows rapidly. This is also where my energy comes from. I am excited to bring this energy to the tech world as a women and a working mother. </p>
+    </div>
+    <div> 
+      <h4> Self Role  </h4>
+      <p> Growing up in China and living in America, I know where to find the resonance of two different cultures. My diversity background helps me growing an inclusive attitude and inspires me in many areas of my life. I like fashion, fitness, food, travel and started of 2022 I am very interested in stock trading. I listen to news every morning for about 40 minutes for my decision making if necessary. </p>
+    </div>
+  </section> 
+
+  <footer> 
+    <ul>
+      <li>
+        <a href="[email protected]">Email: [email protected]</a>
+      </li>
+      <li>
+        Cell: 616-676-6478
+      </li>
+      <li>
+        Westampton, NJ
+      </li>
+    </ul>
+  </footer>
+</body>
+</html>
diff --git a/images/black ink1.png b/images/black ink1.png
diff --git a/images/blackink2.png b/images/blackink2.png
diff --git a/images/inkblue.png b/images/inkblue.png
diff --git a/images/pngwing.com.png b/images/pngwing.com.png
diff --git a/images/self2.jpg b/images/self2.jpg
diff --git a/images/watercolor1.png b/images/watercolor1.png
diff --git a/images/watercolor2.png b/images/watercolor2.png
diff --git a/images/watercolor3.png b/images/watercolor3.png
diff --git a/images/watercolor4.png b/images/watercolor4.png
diff --git a/images/watercolor5.png b/images/watercolor5.png
diff --git a/index.html b/index.html
@@ -0,0 +1,164 @@
+<!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>yingye profile</title>
+  <link href="./style.css" rel="stylesheet" />
+</head>
+
+<body>
+  <main class="container">
+
+    <header class="header">
+      <!-- header1 profile pic -->
+      <div>
+        <svg id="profile-pic" width="425" height="200" >
+          <defs>
+            <clipPath id="myCircle">
+              <circle cx="250" cy="100" r="100" fill="#FFFFFF" />
+            </clipPath>
+          </defs>
+          <image width="500" height="250" xlink:href="./images/self2.jpg" clip-path="url(#myCircle)" />
+        </svg>
+      </div>
+
+      <!-- header2 name and title -->
+      <div>
+        <h1>
+          Ying Ye
+          <p>
+          Future Software Developer
+          </p>
+      </h1>
+      </div>
+    </header>
+
+    <!-- nav -->
+    <nav>
+      <ul>
+        <li>
+          <a href="./about.html">About Ying</a>
+        </li>
+        <li>
+          <a href="./portfolio.html">Project Portfolio</a>
+        </li>
+        <li>
+          <a href="https://www.linkedin.com/in/ying-ye-0102/"> Ying's LinkedIn</a>
+        </li>
+        <li>
+          <a href="https://github.com/yingsgithub"> Ying's GitHub </a>
+        </li>
+      </ul>
+    </nav>
+
+    <!-- context on left side -->
+    <section class="left">
+      <!-- tech skills -->
+
+
+      <!--  education-->
+      <div>
+        <h5> Education </h5>
+        <ul>
+          <li>Ada Developers Academy: full stack software engineer student </li>
+          <li>Rutgers University-Camden: Bachelor's degree in Accounting </li>
+        </ul>
+      </div>
+
+      <!-- previous experience -->
+      <div class="experience">
+        <h5> Experience </h5>
+        <ul>
+          <li> Audit Associate - KPMG </li>
+          <li> Accounting Assistant - Korman Residential Properties </li>
+          <li> Fiduciary Tax Prepare - PWC </li>
+        </ul>
+      </div>
+
+      <!-- interest -->
+      <div>
+        <h5> Interests </h5>
+        <ul>
+          <li>
+            Fitness
+          </li>
+          <li>
+            Travel
+          </li>
+          <li>
+            Stocks
+          </li>
+        </ul>
+      </div>
+    </section>
+
+
+
+    <!-- context on left side -->
+    <section class="right">
+      <!-- 1.about me with tag -->
+      <div class="profile">
+        <h3> Profile </h3>
+        <ul>
+          <li> # future software Developer</li>
+          <li> # previous auditor </li>
+          <li> # waitress experience </li>
+          <li> # happy mother </li>
+          <li> # multi-languages </li>
+        </ul>
+      </div>
+
+      <!-- 2.project -->
+      <div class="projects">
+        <h3> Projects </h3>
+        <ul>
+          <li> Swap Meet</li>
+          <li> Solar System API </li>
+          <li> Task List API</li>
+        </ul>
+      </div>
+
+      <!--tech skills -->
+
+      <div class="skills">
+        <h3> Tech Skills </h3>
+        <ul>
+          <li>
+            Front End: JS, React, HTML, CSS
+          </li>
+          <li>
+            Back End: Python3, SQL, RESTful APIs, Postman
+          </li>
+          <li>
+            Development Tools: Unit Testing
+          </li>
+          <li>
+            Command Line Navigation: Git, Visual Studio
+          </li>
+        </ul>
+    </section>
+
+    </div>
+
+    <!-- footer: contact me -->
+    <footer>
+      <ul>
+        <li>
+          <a href="[email protected]">Email: [email protected]</a>
+        </li>
+        <li>
+          Cell: 616-676-6478
+        </li>
+        <li>
+          Westampton, NJ
+        </li>
+      </ul>
+    </footer>
+  </main>
+
+</body>
+
+</html>
diff --git a/pages/about.html b/pages/about.html
diff --git a/pages/index.html b/pages/index.html
diff --git a/pages/portfolio.html b/pages/portfolio.html
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,87 @@
+<!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>project portfolio</title>
+  <!-- <link href="../styles/portfolio.css" rel="stylesheet" /> -->
+  <link href="./style.css" rel="stylesheet" />
+  <style>
+    .portfolio-container{
+      background-image: url("./images/watercolor2.png");
+      background-repeat: no-repeat;
+      background-size: 80%;
+    };
+  </style>
+</head>
+
+
+<body >
+  <header>
+    <h1>
+      Project Portfolio
+    </h1>
+  </header>
+
+  <nav class="portfolio-nav">
+    <ul>
+      <li>
+        <a href="./index.html">Home</a>
+      </li>
+      <li>
+        <a href="./about.html">About Ying</a>
+      </li>
+      <li>
+        <a href="https://github.com/yingsgithub"> Ying's GitHub </a>
+      </li>
+    </ul>
+  </nav>
+
+
+  <!-- each project into including skills used -->
+  <section class="portfolio-container"> 
+    <div>
+      <h4>Swap Meet</h4>
+      <p> 
+        An application allow vendors to swap items between different inventories 
+      </p>
+      <p>
+        Python3 | OOP | Git | Unit Test 
+      </p>
+    </div>
+    <div>
+      <h4>Solar System API</h4>
+      <p>
+        A Solar System API that sores information about different planets.<br>
+      </p>
+      <p>
+        Pair-Programming | Flask - SQLAlchemy | RESTful API | Postman | Git | Unit Test
+      </p>
+    </div>
+    <div>
+      <h4>Task List API</h4>
+      <p>
+        A web API that allow you to organize your goals into smaller, bite-sized tasks. You’ll be able to create, read, update and delete tasks and goals to organize and track your task lists.<br>
+      </p>
+      <p>
+        Flask - SQLAlchemy | RESTful API | ERD |Postman | Heroku | Unit Test | Git | External web APIs
+      </p>
+    </div>
+  </section>
+
+  <footer> 
+    <ul>
+      <li>
+        <a href="[email protected]">Email: [email protected]</a>
+      </li>
+      <li>
+        Cell: 616-676-6478
+      </li>
+      <li>
+        Westampton, NJ
+      </li>
+    </ul>
+  </footer>
+</body>
+</html>