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;