From 2c846feee53f90e8aad065daa82f687b0016bf5f Mon Sep 17 00:00:00 2001 From: Usman Khan Date: Sun, 17 Mar 2024 16:34:49 +0500 Subject: [PATCH] made improvements overall and made the portfolio section generic (still in works) --- assets/css/custom.css | 3 + assets/data/data.json | 165 +++----- assets/js/custom.js | 174 ++++---- index.html | 943 +----------------------------------------- 4 files changed, 164 insertions(+), 1121 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index e69de29..f9b3601 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -0,0 +1,3 @@ +.portfolio-image-on-modal { + height: 621px !important; +} \ No newline at end of file diff --git a/assets/data/data.json b/assets/data/data.json index bf55249..4c7c0ea 100644 --- a/assets/data/data.json +++ b/assets/data/data.json @@ -12,7 +12,8 @@ "email": "asadkhann@hotmail.com", "shortAddress": "Lahore Pakistan", "longAddress": "Phase 1, DHA, Lahore", - "languages": "English, Urdu, Punjabi" + "languages": "English, Urdu, Punjabi", + "copyrightOwner":"Gorsi Design Studio" }, "socialLinks": [ { @@ -117,24 +118,20 @@ ], "portfolioHeadings": [ { - "class": "active", - "dataFilter": "logodesign", - "name": "Logo Design" + "name": "Logo Design", + "dataFilter": "logodesign" }, { - "class": " ", - "dataFilter": "printdesign", - "name": "Print Design" + "name": "Print Design", + "dataFilter": "printdesign" }, { - "class": " ", - "dataFilter": "packaging", - "name": "Packaging" + "name": "Packaging", + "dataFilter": "packaging" }, { - "class": " ", - "dataFilter": "3dmodeling", - "name": "3D Products" + "name": "3D Products", + "dataFilter": "3dmodeling" } ], "portfolios": [ @@ -391,117 +388,91 @@ "description": "Harnessing the power of visual storytelling, our graphic design services breathe life into concepts, creating eye-catching visuals that captivate audiences and elevate brands to new heights of recognition and engagement." } ], - "leftTestimonialsHoveringImages": [ - { - "colorOrShape": "green", - "class": "one", - "imageUrl": "assets/img/testimonials/2.jpg" - }, - { - "colorOrShape": "yellow", - "class": "two", - "imageUrl": "assets/img/testimonials/1.jpg" - }, - { - "colorOrShape": "border", - "class": "three", - "imageUrl": "assets/img/testimonials/12.jpg" - }, - { - "colorOrShape": "", - "class": "four", - "imageUrl": "assets/img/testimonials/4.jpg" - } - ], "testimonials": [ { - "name": "rotimilademo", - "imageUrl": "assets/img/testimonials/1.jpg", - "from": "Fiverr", - "review": "I recently had the pleasure of working with this incredible designer on Fiverr. They were not only exceptionally talented, but also incredibly responsive throughout the entire process. Their attention to detail and ability to understand my vision exceeded my expectations. I highly recommend their services to anyone seeking a top-notch designer." + "name": "nopedonotwant", + "imageUrl": "", + "productImageUrl":"", + "place": "United State", + "review": "I am very happy with my delivery. Quick and to my specifications. 10/10 " }, { - "name": "pastorjoseph", - "imageUrl": "assets/img/testimonials/2.jpg", - "from": "Fiverr", - "review": "Wow! Wow! Wow! I am so glad that I found casadkhan. What a top-notch designer and person to work with. He was fast, responsive, and patient with me as we went through several revisions. I could trust him to read my artistic direction and make something beautiful. The original project was 4 pages and the final project ended up to be 7 pages. But the final product was amazing!" + "name": "Belinda Hamilton", + "imageUrl": "", + "productImageUrl":"", + "place": "Australia", + "review": "Asad was fast, efficient and understood the brief. Had great suggestions and adhered to the very timeline. 10/10 " }, { - "name": "emchatman92", - "imageUrl": "assets/img/testimonials/4.jpg", - "from": "Fiverr", - "review": "Great quick responsive service !" + "name": "Space Niche", + "imageUrl": "", + "productImageUrl":"", + "place": "United State", + "review": "Great work, easy communication, good to work with. 10/10 " }, { - "name": "ginojoubert", - "imageUrl": "assets/img/testimonials/5.jpg", - "from": "Fiverr", - "review": "good work and did what I asked" + "name": "James", + "imageUrl": "", + "productImageUrl":"", + "place": "Behrain", + "review": "Asad's designs are nothing short of spectacular. He brings concepts to life with finesse and flair. A pleasure to collaborate with! 10/10 " }, { - "name": "calsimmons82", - "imageUrl": "assets/img/testimonials/3.jpg", - "from": "Fiverr", - "review": "Awesome seller! Great work. I highly recommend 🙌🏾" + "name": "Philippa Pires", + "imageUrl": "", + "productImageUrl":"", + "place": "United Kingdom", + "review": "Working with Asad was a breeze. His attention to detail and ability to capture our brand essence in his designs were impressive. Thank you, Asad! 10/10 " }, { - "name": "clarensjoseph13", - "imageUrl": "assets/img/testimonials/7.jpg", - "from": "Fiverr", - "review": "Fast delivery, pristine work. I enjoyed working with this dude. I highly recommend if your looking for fast turnaround" + "name": "nopedonotwant", + "imageUrl": "", + "productImageUrl":"", + "place": "United State", + "review": "I am very happy with my delivery. Quick and to my specifications. 10/10 " }, { - "name": "keangelomaybury", - "imageUrl": "assets/img/testimonials/3.jpg", - "from": "Fiverr", - "review": "Loved the template design, documentation, customizability and the customer support from Marketify team! I am a noob in programming with very little knowledge about coding but the Marketify team helped me to launch my resume website successfully. Much recommended!" + "name": "Yao Yao", + "imageUrl": "", + "productImageUrl":"", + "place": "United State", + "review": "If you're looking for a graphic designer who delivers quality results every time, Asad is your guy. Consistent excellence and great communication! 10/10 " }, { - "name": "scaryspikes", - "imageUrl": "assets/img/testimonials/8.jpg", - "from": "Fiverr", - "review": "It was quite easy working with this seller. I think at first we had a couple misunderstandings, but after communicating a little, the seller was quite good at responding to the changes I needed to have made, and they did a great job working very quickly with a demanding client. Much appreciate the help and would definitely recommend to others." + "name": "Josh Sperber", + "imageUrl": "", + "productImageUrl":"", + "place": "United Kingdom", + "review": "Asad is a true gem in the world of graphic design. His work speaks volumes about his talent and dedication. Five stars! 10/10" }, { - "name": "coleenrenee", - "imageUrl": "assets/img/testimonials/9.jpg", - "from": "Fiverr", - "review": "Thank you, after a few corrections it came out beautifully" - }, + "name": "Hanna Axel", + "imageUrl": "", + "productImageUrl":"", + "place": "United State", + "review": "Outstanding work from Asad! His graphic design skills are unmatched. From start to finish, Asad ensured our project in Spain was a success. Highly recommend! 10/10 " + } + ], + "navigationLinks":[ { - "name": "davidantonius", - "imageUrl": "assets/img/testimonials/10.jpg", - "from": "Fiverr", - "review": "Excellent communication and excellent work" + "name":"Services", + "section":"services-section" }, { - "name": "moderndisciple", - "imageUrl": "assets/img/testimonials/11.jpg", - "from": "Fiverr", - "review": "The work was done quickly and the seller communicated well." + "name":"Works", + "section":"works-section" }, { - "name": "bws1214", - "imageUrl": "assets/img/testimonials/12.jpg", - "from": "Fiverr", - "review": "So great to work with!! Will definitely hire again!! Top quality!!" - } - ], - "rightTestimonialsHoveringImages": [ - { - "colorOrShape": "yellow", - "class": "one", - "imageUrl": "assets/img/testimonials/5.jpg" + "name":"Resume", + "section":"resume-section" }, { - "colorOrShape": "purple", - "class": "two", - "imageUrl": "assets/img/testimonials/6.jpg" + "name":"Skills", + "section":"skills-section" }, { - "colorOrShape": "border", - "class": "three", - "imageUrl": "assets/img/testimonials/7.jpg" + "name":"Testimonials", + "section":"testimonials-section" } ] } \ No newline at end of file diff --git a/assets/js/custom.js b/assets/js/custom.js index d5dcd55..7942179 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -1,15 +1,14 @@ (async () => { $.getJSON("./assets/data/data.json", (data) => { + + //#region Hero $(".intro_text").append(` - - HI - + HI - `) + `); - //#region Hero $(".hero-content-box").append(` I am ${data.fullName}

${data.profession} +
3D Designer

@@ -63,25 +62,32 @@ //#endregion Service //#region Portfolios - // $.each(data.portfolioHeadings, (i, ph) => { - // $(`.filter-button-group`).append(``); - // }); - - // $.each(data.portfolios, (i, p) => { - // $(`.portfolio-box .row`).append(` - //
- //
- // ${p.name} portfolio image - //
- //
- //

${p.name}

- // - // - // - //
- //
- // `); - // }); + $.each(data.portfolioHeadings, (i, ph) => { + $(`.filter-button-group`).append(``); + }); + + $.each(data.portfolios, (i, p) => { + $(`.portfolio-box-content`).append(` +
+
+ ${p.name} Portfolio Image +
+
+

${p.name}

+ + + +
+
+ `); + + $(".portfolio-modal").append(` +
+
${p.name} Portfolio Image
+
+ `) + }); + //#endregion Portfolios //#region Experiences @@ -108,7 +114,6 @@ }) //#endregion Education - //#region Skills $.each(data.skills, (i, s) => { $(`.skills-widget`).append(` @@ -126,79 +131,64 @@ //#endregion Skills //#region Testimonials - $.each(data.leftTestimonialsHoveringImages, (i, lt) => { - $(".left_details").append(` -
- - `); - }); - $.each(data.testimonials, (i, t) => { - $(".testimonials").append(` -
  • -
    - -
    -
    -

    ${t.review}

    -
    -
    -
    -
    -
    -
    -

    ${t.name}

    - ${t.from} -
    -
    -
    • - `); - }); + $(".owl-carousel.testimonial-carousel").append(` +
    +
    +
    + +
    + +
    +
    + + + + + + + + + + + + + + + + + + +
    +

    ${t.review}

    +

    ${t.name}

    + ${t.place} +
    - $.each(data.rightTestimonialsHoveringImages, (i, rt) => { - $(".right_details").append(` -
    - `); }); //#endregion Testimonials - //#region Contact - $(".contact_inner .left ul").append(` -
  • -
    -
    - -
    -
    -

    Address

    - ${data.basicInfo.longAddress} -
    -
    -
    • -
  • -
    -
    - -
    -
    -

    Email

    - ${data.basicInfo.email} -
    -
    -
    • -
  • -
    -
    - -
    -
    -

    Phone

    - ${data.basicInfo.mobile} -
    -
    -
    • - `); + //#region Navigation Links (header & footer) + $.each(data.navigationLinks, (i, nl) => { + $(".navigational-links").append(`
  • ${nl.name}
    • `); + }); //#endregion Contact + + //#region Footer + $(".copyright-owner").append(`${data.basicInfo.copyrightOwner}`) + //#endregion Footer }); })(); diff --git a/index.html b/index.html index 9679562..099c826 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,6 @@ -
    @@ -53,7 +52,6 @@
    - + +
    + - -
    -
    - -
    -
    - -
    @@ -703,419 +280,13 @@

    My Client's Storie
    -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    I am very happy with my delivery. Quick and to my specifications. - 10/10

    -

    nopedonotwant

    - United State -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    Asad was fast, efficient and understood the brief. Had great - suggestions and adhered to the very timeline. - 10/10

    -

    Belinda Hamilton

    - Australia -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    Great work, easy communication, good to work with. - 10/10

    -

    Space Niche

    - United State -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    Asad's designs are nothing short of spectacular. He brings concepts - to life with finesse and flair. A pleasure to collaborate with! - 10/10

    -

    James

    - Behrain -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    Working with Asad was a breeze. His attention to detail and ability - to capture our brand essence in his designs were impressive. Thank you, Asad! - 10/10

    -

    Philippa Pires

    - United Kingdom -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    “I am very happy with my delivery. Quick and to my specifications. - 10/10

    -

    nopedonotwant

    - United State -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    If you're looking for a graphic designer who delivers quality - results every time, Asad is your guy. Consistent excellence and great - communication! - 10/10

    -

    Yao Yao

    - United State -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    Asad is a true gem in the world of graphic design. His work speaks - volumes about his talent and dedication. Five stars! - 10/10

    -

    Josh Sperber

    - United Kingdom -
    -
    -
    -
    - -
    - -
    -
    - - - - - - - - - - - - - - - - - - -
    -

    Outstanding work from Asad! His graphic design skills are - unmatched. From start to finish, Asad ensured our project in Spain was a - success. Highly recommend! - 10/10

    -

    Hanna Axel

    - United State -
    -
    +

    - @@ -1128,18 +299,12 @@

    Hanna Axel

    -

    © 2024 All rights reserved by gorsidesignstudio

    +

    © 2024 All rights reserved by +

    @@ -1147,10 +312,8 @@

    Hanna Axel

    - - @@ -1166,91 +329,7 @@

    Hanna Axel

    - - + \ No newline at end of file