update

README.md

@@ -1 +1 @@
-# Structure with Gulp + HTML + SCSS + Bootstrap 5
+# Profile for AVNENDV

app/assets/js/pages/index.js

@@ -11,7 +11,7 @@
   console.warn("Welcome to console AVNENDV");
 
   const typed = new Typed(".typed__text", {
-    strings: ["Frontend Develop", "Backend Develop"],
+    strings: ["Frontend Developer", "Backend Developer", "Fullstack Developer"],
     typeSpeed: 100,
     backSpeed: 100,
     backDelay: 1000,

app/assets/scss/pages/index.scss

@@ -23,19 +23,25 @@
 
 html {
   font-size: 16px;
+  width: 100%;
+  max-width: 1400px;
+  margin: auto;
 }
 
 body {
   overflow: hidden;
+  width: 100%;
   background-color: var(--primary-0F);
   color: var(--gray-EE);
 }
 
 .header {
   position: fixed;
   top: 0;
-  left: 0;
+  left: 50%;
+  transform: translateX(-50%);
   width: 100%;
+  max-width: 1400px;
   padding: 20px 10%;
   background: transparent;
   display: flex;
@@ -179,3 +185,11 @@ body {
     }
   }
 }
+
+footer {
+  position: fixed;
+  width: 100%;
+  bottom: 10px;
+  left: 0;
+  text-align: center;
+}

app/pages/partitals/content.html

@@ -27,12 +27,9 @@ <h3 class="position">
         ><i class="bx bxl-gmail"></i
       ></a>
     </div>
-    <a href="#" class="btn__download">Download CV</a>
+    <a href="javascript:void(0)" class="btn__download">Download CV</a>
   </div>
   <div class="home__image">
-    <img
-      src="https://images.pexels.com/photos/4709286/pexels-photo-4709286.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
-      alt=""
-    />
+    <img src="@@webRoot/assets/images/img_right.jpeg" alt="" />
   </div>
 </section>

app/pages/partitals/footer.html

@@ -1,5 +1,8 @@
 <!-- ======= Footer ======= -->
 <footer id="footer">
+  <div class="copyright">
+      © Copyright <strong><span>AVNENDV</span></strong>. All Rights Reserved
+    </div>
 </footer>
 <!-- End Footer -->
 

gulpfile.js

@@ -9,7 +9,7 @@ const fileInclude = require("gulp-file-include");
 const minifyCss = require("gulp-clean-css");
 const rename = require("gulp-rename");
 const image = require("gulp-image");
-const ghPages = require('gulp-gh-pages');
+const ghPages = require("gulp-gh-pages");
 
 const pathRoot = "./app/";
 const pathDestBuild = "./build/";
@@ -88,7 +88,7 @@ exports.buildJsPageMin = buildJsPageMin;
 
 // Task optimize images
 function optimizeImages() {
-  const imgSrc = `${pathRoot}assets/images/**/*.+(png|jpg|webp|svg|gif)`;
+  const imgSrc = `${pathRoot}assets/images/**/*.+(png|jpeg|jpg|webp|svg|gif)`;
   const imgDst = `${pathDestBuild}assets/images`;
 
   return src(imgSrc)
@@ -177,8 +177,6 @@ function watchTask() {
 }
 exports.watchTask = watchTask;
 
-
 exports.deploy = () => {
-  return src(`${pathDestBuild}/**/*`)
-    .pipe(ghPages());
-}
+  return src(`${pathDestBuild}/**/*`).pipe(ghPages());
+};