cobiwave · tanvi2104 · Jun 19, 2023
diff --git a/src/assets/profile.jpg b/src/assets/profile.jpg
diff --git a/src/assets/project.jpg b/src/assets/project.jpg
diff --git a/src/assets/project.png b/src/assets/project.png
diff --git a/src/assets/project2.png b/src/assets/project2.png
diff --git a/src/assets/resume.pdf b/src/assets/resume.pdf
diff --git a/src/index.html b/src/index.html
@@ -18,11 +18,11 @@
     <link rel="shortcut icon" type="image/png" href="assets/favicon.png" />
 
     <!-- Todo: put here your site title -->
-    <title>[Your name here] | Developer</title>
+    <title>Tanvi Singh| Developer</title>
     <!-- Todo: add some coding keywords below - e.g: (javascript, yourusername, etc) -->
-    <meta name="keywords" content="[username], [name], skill" />
+    <meta name="keywords" content="tanvi, tanvi, c++, python, javascript, java, dsa,ml,ai" />
     <!-- Todo: improve your SEO by adding a small description of you -->
-    <meta name="description" content="[Your name here] | Developer" />
+    <meta name="developer portfolio introduction" content="Tanvi | Developer" />
 
     <link
       rel="stylesheet"
@@ -35,8 +35,8 @@
     ></script>
 
     <!-- Todo: remove the below script once you finish your portfolio -->
-    <script async defer src="https://buttons.github.io/buttons.js"></script>
-  </head>
+    <!--<script async defer src="https://buttons.github.io/buttons.js"></script>
+  </head>-->
 
   <!-- Todo: read the following HTML Todos to create your stunning portfolio website -->
   <body>
@@ -46,9 +46,9 @@
     <section id="hero" class="jumbotron">
       <div class="container">
         <h1 class="hero-title load-hidden">
-          Hi, my name is <span class="text-color-main">Your Name</span>
+          Hi, my name is <span class="text-color-main">Tanvi Singh</span>
           <br />
-          I'm the Unknown Developer.
+          I'm a Full Stack Developer.
         </h1>
         <p class="hero-cta load-hidden">
           <a rel="noreferrer" class="cta-btn cta-btn--hero" href="#about"
@@ -79,11 +79,10 @@ <h2 class="section-title load-hidden">About me</h2>
           <div class="col-md-6 col-sm-12">
             <div class="about-wrapper__info load-hidden">
               <p class="about-wrapper__info-text">
-                This is where you can describe about yourself. The more you
-                describe about yourself, the more chances you have!
+                Tanvi, full stack web app developer in the making. Keen learner, experimentalist, and reader of historical and philosophical ideas. 
               </p>
               <p class="about-wrapper__info-text">
-                Extra Information about you! like hobbies and your goals.
+
               </p>
               <span class="d-flex mt-3">
                 <a
@@ -108,7 +107,7 @@ <h2 class="section-title load-hidden">About me</h2>
         <div class="project-wrapper">
           <h2 class="section-title dark-blue-text">Projects</h2>
 
-          <!-- Notice: each .row is a project -->
+          <!-- Notice: each .row is a project 
           <div class="row">
             <div class="col-lg-4 col-sm-12">
               <div class="project-wrapper__text load-hidden">
@@ -157,34 +156,32 @@ <h3 class="project-wrapper__text-title">Project Title 0</h3>
                 </a>
               </div>
             </div>
-          </div>
+          </div>-->
           <!-- /END Project -->
 
           <!-- Notice: each .row is a project -->
           <div class="row">
             <div class="col-lg-4 col-sm-12">
               <div class="project-wrapper__text load-hidden">
-                <h3 class="project-wrapper__text-title">Project Title 1</h3>
+                <h3 class="project-wrapper__text-title">Background Generator</h3>
                 <div>
                   <p class="mb-4">
-                    Demonstrate in this description the skills of a programmer: such as having commitment, 
-                    having perseverance and accepting alternative solutions. Remember that being a portfolio you are not selling the project, 
-                    you are selling yourself, it reflects the resources used: Frameworks, libraries, platforms, etc.
+                    The background generator is a project that allows users to change the color of the background in a variety of colors. The project uses a simple CSS to generate new colors, and it can be used to create a variety of effects.
                   </p>
                 </div>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn cta-btn--hero"
-                  href="#!"
+                  href="https://github.com/tanvi2104/personal-projects"
                 >
                   See Live
                 </a>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn text-color-main"
-                  href="#!"
+                  href="https://github.com/tanvi2104/personal-projects"
                 >
                   Source Code
                 </a>
@@ -203,7 +200,7 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
                     <img
                       alt="Project Image"
                       class="img-fluid"
-                      src="assets/project.jpg"
+                      src="assets/project.png"
                     />
                   </div>
                 </a>
@@ -216,11 +213,10 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
           <div class="row">
             <div class="col-lg-4 col-sm-12">
               <div class="project-wrapper__text load-hidden">
-                <h3 class="project-wrapper__text-title">Project Title 2</h3>
+                <h3 class="project-wrapper__text-title">Spotify Clone Website</h3>
                 <div>
                   <p class="mb-4">
-                    If the project was collaborative, reflect it in this description, that will demonstrate communication and/or leadership skills. 
-                    Additionally, if you made use of the mastery of a second language, it will reflect on you professionalism.
+                    Made a fully functioning clone website similar to spotify for playing songs using HTML, CSS and Javascript.
                   </p>
                 </div>
                 <a
@@ -235,15 +231,15 @@ <h3 class="project-wrapper__text-title">Project Title 2</h3>
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn text-color-main"
-                  href="#!"
+                  href="https://github.com/tanvi2104/spotify-clone"
                 >
                   Source Code
                 </a>
               </div>
             </div>
             <div class="col-lg-8 col-sm-12">
               <div class="project-wrapper__image load-hidden">
-                <a rel="noreferrer" href="#!" target="_blank">
+                <a rel="noreferrer" href="https://github.com/tanvi2104/spotify-clone" target="_blank">
                   <div
                     data-tilt
                     data-tilt-max="4"
@@ -254,7 +250,7 @@ <h3 class="project-wrapper__text-title">Project Title 2</h3>
                     <img
                       alt="Project Image"
                       class="img-fluid"
-                      src="assets/project.jpg"
+                      src="assets/project2.png"
                     />
                   </div>
                 </a>
@@ -272,13 +268,13 @@ <h3 class="project-wrapper__text-title">Project Title 2</h3>
       <div class="container">
         <h2 class="section-title">Contact</h2>
         <div class="contact-wrapper load-hidden">
-          <p class="contact-wrapper__text">[Put your call to action here]</p>
+          <p class="contact-wrapper__text">Wanna work together? Contact Me Here</p>
           <a
             rel="noreferrer"
             target="_blank"
             class="cta-btn cta-btn--resume"
-            href="mailto:example@email.com"
-            >Call to Action</a
+            href="mailto:singhvi2104@gmail.com"
+            >Mail</a
           >
         </div>
       </div>
@@ -292,13 +288,13 @@ <h2 class="section-title">Contact</h2>
           <i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
         </a>
         <div class="social-links">
-          <a rel="noreferrer" href="#!" target="_blank">
+          <!--<a rel="noreferrer" href="#!" target="_blank">
             <i class="fa fa-twitter fa-inverse"></i>
-          </a>
-          <a rel="noreferrer" href="#!" target="_blank">
+          </a>-->
+          <a rel="noreferrer" href="https://www.linkedin.com/in/tanvi-singh-72695a215" target="_blank">
             <i class="fa fa-linkedin fa-inverse"></i>
           </a>
-          <a rel="noreferrer" href="#!" target="_blank">
+          <a rel="noreferrer" href="https://github.com/tanvi2104" target="_blank">
             <i class="fa fa-github fa-inverse"></i>
           </a>
         </div>
@@ -313,7 +309,7 @@ <h2 class="section-title">Contact</h2>
           >
         </p>
 
-        <!-- TO DO: remove this entire paragraph once you finish your portfolio -->
+        <!-- TO DO: remove this entire paragraph once you finish your portfolio 
         <p class="mt-3 pt-3">
           <a
             rel="noreferrer"
@@ -335,7 +331,7 @@ <h2 class="section-title">Contact</h2>
             aria-label="Star cobiwave/simplefolio on GitHub"
             >Star</a
           >
-        </p>
+        </p>-->
       </div>
     </footer>
     <!-- /END Footer Section -->

diff --git a/src/sass/abstracts/_variables.scss b/src/sass/abstracts/_variables.scss
@@ -1,6 +1,6 @@
 // COLORS
-$primary-color: #02aab0;
-$secondary-color: #00cdac;
+$primary-color: #FF5F6D;
+$secondary-color: #FFC371;
 
 $white-color: #fff;