basic portfolio done

index.html

@@ -127,21 +127,23 @@ <h2 class="section-title">About Me</h2>
           <div class="about-wrapper__image">
             <img
               class="img-fluid"
-              src="./assets/profile.png"
+              src="./assets/me22.png"
               alt="Profile Image"
               width="450"
-              height="350"
+              height="350" 
             />
           </div>
           <div class="about-wrapper__info">
             <p class="about-wrapper__info-text">
-              Hi, im Justin. I'm currently a CS student.
+              Hi, im Justin. I'm currently an accomplished cs student, having taken AP Computer Science A and principles. I'm currently pursuing a degree in Computer Science but Have 
+              been studying cs for a long time now.
             </p>
             <p class="about-wrapper__info-text">
-              Have interests in ai currently.
+              Right now I am busy learning ai and applying it to my current projects. Take a look at my resume below! 
+              You can contact me at my <a href="https://www.linkedin.com/in/justin-nguyen-a28509275/">linkedin</a>
             </p>
             <span class="about-wrapper__cta">
-              <a href="#" class="cta-btn cta-btn--resume">View Resume</a>
+              <a href="https://drive.google.com/file/d/1OAzeJ50v0DMuFjYsiEvddmg0vs6MFyBx/view?usp=sharing" class="cta-btn cta-btn--resume">View Resume</a>
             </span>
           </div>
         </div>
@@ -158,32 +160,30 @@ <h2 class="section-title dark-blue-text">Projects</h2>
           <!-- Each .row is a project -->
           <article class="row">
             <div class="project-wrapper__text">
-              <h3 class="project-wrapper__text-title">Project Title</h3>
+              <h3 class="project-wrapper__text-title">Chatbot for RIFT</h3>
               <p class="project-wrapper__text-info">
-                Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                Deleniti voluptas, sit nam perspiciatis tempore aspernatur ullam
-                necessitatibus impedit repellendus vero sed ipsa eos beatae ab
-                sint saepe nostrum! Enim, perferendis.
+                developed chat bot utlizing openai for usage on RIFT, a coding education site. Right now the bot currently supports asking the ai questions 
+                and also managing history within the current chatlog.
               </p>
               <div class="project-wrapper__text-btns">
                 <a
-                  href="#"
+                  href="https://codemaxxers.github.io/codemaxxerFrontend/bot"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="cta-btn cta-btn--hero cta-btn--projects"
                   >See Live</a
                 >
-                <a href="#" target="_blank" class="cta-btn text-color-main"
+                <a href="https://github.com/Codemaxxers/codemaxxerBackend" target="_blank" class="cta-btn text-color-main"
                   >Source Code</a
                 >
               </div>
             </div>
 
             <div class="project-wrapper__image">
-              <a href="#" target="_blank" rel="noopener noreferrer">
+              <a href="https://codemaxxers.github.io/codemaxxerFrontend/bot" target="_blank" rel="noopener noreferrer">
                 <div class="thumbnail rounded">
                   <img
-                    src="./assets/project.png"
+                    src="./assets/bott.png"
                     class="img-fluid"
                     alt="Project Image"
                     width="1366"
@@ -196,7 +196,7 @@ <h3 class="project-wrapper__text-title">Project Title</h3>
           <!-- /END Project -->
 
           <!-- Each .row is a project -->
-          <article class="row">
+          <!-- <article class="row">
             <div class="project-wrapper__text">
               <h3 class="project-wrapper__text-title">Project Title</h3>
               <p class="project-wrapper__text-info">
@@ -232,11 +232,11 @@ <h3 class="project-wrapper__text-title">Project Title</h3>
                 </div>
               </a>
             </div>
-          </article>
+          </article> -->
           <!-- /END Project -->
 
           <!-- Each .row is a project -->
-          <article class="row">
+          <!-- <article class="row">
             <div class="project-wrapper__text">
               <h3 class="project-wrapper__text-title">Project Title</h3>
               <p class="project-wrapper__text-info">
@@ -257,9 +257,9 @@ <h3 class="project-wrapper__text-title">Project Title</h3>
                   >Source Code</a
                 >
               </div>
-            </div>
+            </div> -->
 
-            <div class="project-wrapper__image">
+            <!-- <div class="project-wrapper__image">
               <a href="#" target="_blank" rel="noopener noreferrer">
                 <div class="thumbnail rounded">
                   <img
@@ -272,7 +272,7 @@ <h3 class="project-wrapper__text-title">Project Title</h3>
                 </div>
               </a>
             </div>
-          </article>
+          </article> -->
           <!-- /END Project -->
         </div>
       </div>
@@ -284,8 +284,8 @@ <h3 class="project-wrapper__text-title">Project Title</h3>
       <div class="container">
         <h2 class="section-title">Contact</h2>
         <div class="contact-wrapper">
-          <p class="contact-wrapper__text">[Put your call to action here]</p>
-          <a href="#" class="cta-btn cta-btn--resume">Call to Action</a>
+          <p class="contact-wrapper__text">contact me through Linkedin</p>
+          <a href="https://www.linkedin.com/in/justin-nguyen-a28509275/" class="cta-btn cta-btn--resume">to my Linkedin page</a>
         </div>
       </div>
     </section>
@@ -298,7 +298,7 @@ <h2 class="section-title">Contact</h2>
           <i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
         </a>
         <div class="social-links">
-          <a
+          <!-- <a
             href="#!"
             target="_blank"
             rel="noopener noreferrer"
@@ -313,25 +313,25 @@ <h2 class="section-title">Contact</h2>
             aria-label="instagram"
           >
             <i class="fa-brands fa-instagram"></i>
-          </a>
+          </a> -->
           <a
-            href="#!"
+            href="https://codepen.io/Jyustin"
             target="_blank"
             rel="noopener noreferrer"
             aria-label="codepen"
           >
             <i class="fa-brands fa-codepen"></i>
           </a>
           <a
-            href="#!"
+            href="https://www.linkedin.com/in/justin-nguyen-a28509275/"
             target="_blank"
             rel="noopener noreferrer"
             aria-label="linkedin"
           >
             <i class="fa-brands fa-linkedin"></i>
           </a>
           <a
-            href="#!"
+            href="https://github.com/Jyustin"
             target="_blank"
             rel="noopener noreferrer"
             aria-label="github"
@@ -343,7 +343,7 @@ <h2 class="section-title">Contact</h2>
         <p class="footer__text">
           &copy; <span id="year"></span> - 
           <a
-            href="https://github.com/AnilSeervi"
+            href="https://github.com/Jyustin"
             target="_blank"
             rel="noopener noreferrer"
             >Justin Nguyen</a

style/base/_variables.scss

@@ -1,6 +1,6 @@
 // COLORS
-$primary-color: #36d1dc;
-$secondary-color: #5b86e5;
+$primary-color: #f0ff67;
+$secondary-color: #1a4efa;
 $font-family: "Montserrat", sans-serif;
 
 $light-white: #e5e5e5;