Skip to content

Commit

Permalink
removed education section and added experiences section
Browse files Browse the repository at this point in the history
  • Loading branch information
@usman-khan-01
usman-khan-01 committed Dec 6, 2023
1 parent 0fd09a1 commit 0c85615
Show file tree
Hide file tree
Showing 3 changed files with 70 additions and 35 deletions.
18 changes: 9 additions & 9 deletions assets/data/data.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,25 +140,25 @@
],
"experiences": [
{
"company": "Perspective-v",
"company": "Freelancing",
"profession": "Full Stack Developer",
"duration": "August 2021 - December 2022",
"duration": "March 2020 - Present",
"companyLogo": "images/placeholder-400x400.gif",
"description": "I am a seasonal web developer in Asp.Net, and Angular for close to two years. I have experience in building both front-end and back-end web applications using these technologies. During my time at perspective-v, I gained hands-on experience with Ag-Grid, Nx-Workspaces, Angular DataTables, Syncfusion, and more. I have worked on variety of projects, Including: \n\n Learn Quran Live Academy (Asp.Net 6)\nFlat Management System (Angular)\nGorsi Shop (Asp.Net Core 3.1)\nClient Management Website (Angular + Asp.Net)\n\nI am confident that I can use my skills to help you achieve your web development goals."
"description": "Working as a freelancer in Asp.net, Angular, Angular Dart, and WordPress. Till now, I have worked on some of the projects listed below: \n\n • My Life You Choose (Asp.Net MVC) \n • AM-Brisbane-Psychology (Asp.Net Razor Pages) \n • Ease My Sales (Angular) \n • Pagric Web Application (Angular) \n • Tipnet (Angular) \n • Tamino Autograph (WordPress) \n • Roofers Free Zone Co (WordPress)"
},
{
"company": "Gorsi Shop",
"company": "Perspective-v",
"profession": "Full Stack Developer",
"duration": "Mar 2019 - Jan 2020",
"duration": "August 2021 - December 2022",
"companyLogo": "images/placeholder-400x400.gif",
"description": "In my time at Gorsi Shop, I have created their E-Commerce website in Wordpress as well as in Asp.Net Core MVC, named Gorsi Shop. Once in Asp.net Core and the second iteration in WordPress. \n Gorsi Shop is an e-commerce website that allows whole sellers to buy any IT related items such as keyboards, mouse, printers, projectors etc. And a complete admin panel is implemented for the admins of the site to manage products, orders and view reviews on different projects. \n Tools: \n\t1st Iteration: \n\t• Front-end: Html, Css, jQuery \n\t• Back-end: Asp.Net Core 2.0, Entity Framework Core \n\n 2nd Iteration: \n\t• WordPress"
"description": "I am a seasonal web developer in Asp.Net, and Angular for close to two years. I have experience in building both front-end and back-end web applications using these technologies. During my time at perspective-v, I gained hands-on experience with Ag-Grid, Nx-Workspaces, Angular DataTables, Syncfusion, and more. I have worked on variety of projects, Including: \n\n Learn Quran Live Academy (Asp.Net 6)\nFlat Management System (Angular)\nGorsi Shop (Asp.Net Core 3.1)\nClient Management Website (Angular + Asp.Net)"
},
{
"company": "Freelancing",
"company": "Gorsi Shop",
"profession": "Full Stack Developer",
"duration": "March 2020 - Present",
"duration": "Mar 2019 - Jan 2020",
"companyLogo": "images/placeholder-400x400.gif",
"description": "Working as a freelancer in Asp.net, Angular, Angular Dart, and WordPress. Till now, I have worked on some of the projects listed below: \n\n • My Life You Choose (Asp.Net MVC) \n • AM-Brisbane-Psychology (Asp.Net Razor Pages) \n • Ease My Sales (Angular) \n • Pagric Web Application (Angular) \n • Tipnet (Angular) \n • Tamino Autograph (WordPress) \n • Roofers Free Zone Co (WordPress)"
"description": "In my time at Gorsi Shop, I have created their E-Commerce website in Wordpress as well as in Asp.Net Core MVC, named Gorsi Shop. Once in Asp.net Core and the second iteration in WordPress. \n Gorsi Shop is an e-commerce website that allows whole sellers to buy any IT related items such as keyboards, mouse, printers, projectors etc. And a complete admin panel is implemented for the admins of the site to manage products, orders and view reviews on different projects. \n\n Tools: \n1st Iteration: \n• Front-end: Html, Css, jQuery \n\t• Back-end: Asp.Net Core 2.0, Entity Framework Core \n\n 2nd Iteration: \n\t• WordPress"
}
],
"education": [
Expand Down
56 changes: 40 additions & 16 deletions assets/js/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,28 +90,52 @@ getPlatformName = (s) => console.log(s[0].link);
`);
});

// education
$.each(data.education, function (i, edu) {
//#region experiences
$.each(data.experiences, function (i, exp) {
$(".cc-education").append(`
<div class="card">
<div class="row education">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-education-header">
<p>${edu.yearOfGraduation}</p>
<div class="h5">${edu.degree}</div>
<div class="card">
<div class="row education">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-education-header">
<p>${exp.duration}</p>
<div class="h5">${exp.profession}</div>
</div>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">${edu.subject}</div>
<p class="category">${edu.institution}</p>
<p>${edu.summary}</p>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">${exp.company}</div>
<p class="category"></p>
<p>${exp.description.replace(/\n/g, '<br>')}</p>
</div>
</div>
</div>
</div>
</div>
`);
`);
});
//#endregion experiences

// education
// $.each(data.education, function (i, edu) {
// $(".cc-education").append(`
// <div class="card">
// <div class="row education">
// <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
// <div class="card-body cc-education-header">
// <p>${edu.yearOfGraduation}</p>
// <div class="h5">${edu.degree}</div>
// </div>
// </div>
// <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
// <div class="card-body">
// <div class="h5">${edu.subject}</div>
// <p class="category">${edu.institution}</p>
// <p>${edu.summary}</p>
// </div>
// </div>
// </div>
// </div>
// `);
// });

//#region testimonials
$.each(data.testimonials, function (i, testimonial) {
Expand Down
31 changes: 21 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,11 +38,11 @@
</div>
<div class="collapse navbar-collapse justify-content-end" id="navigation">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link smooth-scroll" href="#about"></a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#skill">Skills</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#testimonials">Testimonials</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#experience">Experience</a></li>
<!-- <li class="nav-item"><a class="nav-link smooth-scroll" href="#testimonials">Testimonials</a></li> -->
</ul>
</div>
</div>
Expand Down Expand Up @@ -162,12 +162,21 @@ <h5>2019 Present</h5>
</div> -->
<!--#endregion experiences -->

<!-- education -->
<div class="section" id="education">
<!--#region experiences -->
<div class="section" id="experience">
<div class="container cc-education">
<div class="h4 text-center mb-4 title">Education</div>
<div class="h4 text-center mb-4 title">Experience</div>
</div>
</div>
<!--#endregion experiences -->

<!--#region education -->
<!-- <div class="section" id="education">
<div class="container cc-education">
<div class="h4 text-center mb-4 title">Education</div>
</div>
</div> -->
<!--#endregion education -->

<!--#region testimonials -->
<!-- <div class="section" id="testimonials">
Expand All @@ -185,12 +194,13 @@ <h5>2019 Present</h5>
</div> -->
<!--#endregion testimonials -->

<!-- download as pdf button -->
<!-- <div class="buttonHolder">
<!--#region download as pdf button -->
<div class="buttonHolder">
<a title="Download PDF" href="" id="gpdf" class="button tick"></a>
</div> -->
</div>
<!--#endregion download as pdf button -->

<!-- footer -->
<!--#region footer -->
<footer class="footer">
<div class="container text-center socialLinks">
<a class="cc-twitter btn btn-link" href="https://twitter.com/GorsiUk">
Expand All @@ -207,6 +217,7 @@ <h5>2019 Present</h5>
<p><br>Design - <a class="credit" href="https://templateflip.com" target="_blank">TemplateFlip</a></p>
</div>
</footer>
<!--#endregion footer -->

<!--#region PDF Data -->
<div id="pdf" class="d-none">
Expand Down

0 comments on commit 0c85615

Please sign in to comment.