personalised the portfolio

package.json

@@ -20,8 +20,8 @@
   },
   "homepage": "https://github.com/cobiwave/simplefolio#readme",
   "devDependencies": {
-    "@parcel/transformer-sass": "^2.8.2",
-    "parcel": "^2.8.2",
+    "@parcel/transformer-sass": "^2.8.3",
+    "parcel": "^2.8.3",
     "prettier": "^2.8.1"
   },
   "dependencies": {

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>SoulimanMED | Developer</title>
     <!-- Todo: add some coding keywords below - e.g: (javascript, yourusername, etc) -->
     <meta name="keywords" content="[username], [name], skill" />
     <!-- Todo: improve your SEO by adding a small description of you -->
-    <meta name="description" content="[Your name here] | Developer" />
+    <meta name="description" content="SoulimanMED | Developer" />
 
     <link
       rel="stylesheet"
@@ -46,13 +46,13 @@
     <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">Souliman Mohamed</span>
           <br />
-          I'm the Unknown Developer.
+          I'm the Developer you Need.
         </h1>
         <p class="hero-cta load-hidden">
           <a rel="noreferrer" class="cta-btn cta-btn--hero" href="#about"
-            >Know more</a
+            >Know More</a
           >
         </p>
       </div>
@@ -79,11 +79,11 @@ <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!
+                Front end developer, very excited and motivated to work,
+                 take new challanges, work on massive projects    
               </p>
               <p class="about-wrapper__info-text">
-                Extra Information about you! like hobbies and your goals.
+                Extra sportive, Looking for new opportunitis.
               </p>
               <span class="d-flex mt-3">
                 <a
@@ -112,27 +112,26 @@ <h2 class="section-title dark-blue-text">Projects</h2>
           <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 0</h3>
+                <h3 class="project-wrapper__text-title">Animatslymn</h3>
                 <div>
                   <p class="mb-4">
-                    Describe the project being very specific, you can use the Twitter standard: no more than 280 characters: 
-                    complement the information: the skills learned or reinforced in its realization and how you faced it, 
-                    prove to be proactive in the search for solutions.
+                    A simple animation created with optimised code,
+                     using HTML, CSS and JS 
                   </p>
                 </div>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn cta-btn--hero"
-                  href="#!"
+                  href="https://soulimanmed.github.io/animatSlymn.github.io/"
                 >
                   See Live
                 </a>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn text-color-main"
-                  href="#!"
+                  href="https://github.com/SoulimanMed/animatSlymn"
                 >
                   Source Code
                 </a>
@@ -151,7 +150,7 @@ <h3 class="project-wrapper__text-title">Project Title 0</h3>
                     <img
                       alt="Project Image"
                       class="img-fluid"
-                      src="assets/project.jpg"
+                      src="./assets/project.jpg"
                     />
                   </div>
                 </a>
@@ -164,10 +163,10 @@ <h3 class="project-wrapper__text-title">Project Title 0</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 1</h3>
+                <h3 class="project-wrapper__text-title">Trips webSite</h3>
                 <div>
                   <p class="mb-4">
-                    Demonstrate in this description the skills of a programmer: such as having commitment, 
+                    A website created especially for trip and wild lovers,
                     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.
                   </p>
@@ -203,7 +202,7 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
                     <img
                       alt="Project Image"
                       class="img-fluid"
-                      src="assets/project.jpg"
+                      src="./assets/project2.jpg"
                     />
                   </div>
                 </a>
@@ -277,7 +276,7 @@ <h2 class="section-title">Contact</h2>
             rel="noreferrer"
             target="_blank"
             class="cta-btn cta-btn--resume"
-            href="mailto:example@email.com"
+            href="mailto:souliman2med@gmail.com"
             >Call to Action</a
           >
         </div>
@@ -298,7 +297,7 @@ <h2 class="section-title">Contact</h2>
           <a rel="noreferrer" href="#!" target="_blank">
             <i class="fa fa-linkedin fa-inverse"></i>
           </a>
-          <a rel="noreferrer" href="#!" target="_blank">
+          <a rel="noreferrer" href="https://github.com/SoulimanMed" target="_blank">
             <i class="fa fa-github fa-inverse"></i>
           </a>
         </div>

src/sass/abstracts/_variables.scss

@@ -1,6 +1,6 @@
 // COLORS
-$primary-color: #02aab0;
-$secondary-color: #00cdac;
+$primary-color: #0B486B;
+$secondary-color: #f56217;
 
 $white-color: #fff;