Skip to content

Commit fd0decf

Browse files
manthanankmanthanank
committed
feat: Add education and contact sections to resume page
1 parent c25026c commit fd0decf

File tree

2 files changed

+65
-57
lines changed

2 files changed

+65
-57
lines changed

‎index.html‎

Lines changed: 10 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,6 @@ <h1>I'm <span class="full-name"></span>.</h1>
8282
<div class="column large-9 tab-12 s-about__content">
8383
<h2>About Me</h2>
8484
<p class="about"></p>
85-
<!-- <hr /> -->
8685
<div class="row s-about__content-bottom">
8786
<div class="column w-1000-stack">
8887
<h3>Contact Details</h3>
@@ -114,25 +113,6 @@ <h3 class="section-header-allcaps">Career</h3>
114113
</div>
115114
<div class="column large-9 tab-12"></div>
116115
</div>
117-
<div class="row s-experience__section">
118-
<div class="column large-3 tab-12">
119-
<h3 class="section-header-allcaps">Education</h3>
120-
</div>
121-
<div class="column large-9 tab-12">
122-
<div class="experience-block">
123-
<div class="experience-block__header">
124-
<h4 class="h3">Sahyadri College of Engineering & Management</h4>
125-
<p class="experience-block__header-meta">
126-
<span>Bachelor of Engineering</span>
127-
<span class="experience-block__header-date">
128-
Aug 2016 - Aug 2020
129-
</span>
130-
</p>
131-
</div>
132-
<p>Graduated in Computer Science</p>
133-
</div>
134-
</div>
135-
</div>
136116
<div class="row s-experience__section">
137117
<div class="column large-3 tab-12">
138118
<h3 class="section-header-allcaps">Skills</h3>
@@ -265,8 +245,7 @@ <h3>Projects</h3>
265245
<div class="column folio-item">
266246
<a href="#modal-17" class="folio-item__thumb" aria-label="project img link">
267247
<img src="assets/images/projects/todos-app.webp"
268-
srcset="assets/images/projects/todos-app.webp, assets/images/projects/todos-app.webp"
269-
alt="" />
248+
srcset="assets/images/projects/todos-app.webp, assets/images/projects/todos-app.webp" alt="" />
270249
</a>
271250
</div>
272251
<div class="column folio-item">
@@ -617,15 +596,16 @@ <h5>Expense Tracker App</h5>
617596
<h5>Todo's App</h5>
618597
<p>
619598
<p>
620-
This is an Todo's App built using Angular. It allows users to create, read, update, and delete todo's. The app includes features like adding, editing, and deleting todo's. Backend is built using Node.js and MongoDB.
599+
This is an Todo's App built using Angular. It allows users to create, read, update, and delete todo's. The
600+
app includes features like adding, editing, and deleting todo's. Backend is built using Node.js and MongoDB.
621601
</p>
622602
</p>
623603
<ul class="modal-popup__cat">
624604
<li>MEAN Stack</li>
625605
</ul>
626606
</div>
627-
<a href="https://github.com/manthanank/todos-app" class="modal-popup__details"
628-
aria-label="project link">Project link</a>
607+
<a href="https://github.com/manthanank/todos-app" class="modal-popup__details" aria-label="project link">Project
608+
link</a>
629609
</div>
630610
</div>
631611
<div id="modal-18" hidden>
@@ -635,7 +615,8 @@ <h5>Todo's App</h5>
635615
<h5>WiFi QR Code Generator App</h5>
636616
<p>
637617
<p>
638-
This is an WiFi QR Code Generator App built using Angular. It allows users to generate QR codes for WiFi networks. The app includes features like generating QR codes for WiFi networks.
618+
This is an WiFi QR Code Generator App built using Angular. It allows users to generate QR codes for WiFi
619+
networks. The app includes features like generating QR codes for WiFi networks.
639620
</p>
640621
</p>
641622
<ul class="modal-popup__cat">
@@ -653,7 +634,8 @@ <h5>WiFi QR Code Generator App</h5>
653634
<h5>ChatGPT Clone App</h5>
654635
<p>
655636
<p>
656-
This is an ChatGPT Clone App built using Angular. It allows users to chat with AI. The app includes features like chatting with AI. Backend is built using Node.js and MongoDB.
637+
This is an ChatGPT Clone App built using Angular. It allows users to chat with AI. The app includes features
638+
like chatting with AI. Backend is built using Node.js and MongoDB.
657639
</p>
658640
</p>
659641
<ul class="modal-popup__cat">
@@ -671,36 +653,7 @@ <h5>ChatGPT Clone App</h5>
671653
<h3 class="section-header-allcaps">Contact</h3>
672654
</div>
673655
</div>
674-
<div class="row s-contact__content">
675-
<div class="column large-7 medium-12">
676-
<h4 class="huge-text">You can contact me through this.👉</h4>
677-
</div>
678-
<div class="column large-4 medium-12">
679-
<div class="row contact-infos">
680-
<div class="column large-12 medium-6 tab-12">
681-
<div class="contact-block">
682-
<h5 class="contact-block__header">Email</h5>
683-
<p class="contact-block__content">
684-
<a class="mailtoui" href="mailto:[email protected]"
685-
aria-label="email to">[email protected]</a>
686-
</p>
687-
</div>
688-
</div>
689-
<div class="column large-12 medium-6 tab-12">
690-
<div class="contact-block">
691-
<h5 class="contact-block__header">Phone</h5>
692-
<p class="contact-block__content">
693-
<a href="tel:+918105068268" aria-label="contact number">+91 810 506 8268</a>
694-
</p>
695-
</div>
696-
</div>
697-
<div class="column large-12">
698-
<a href="mailto:[email protected]" class="mailtoui btn h-full-width" aria-label="email id">Let's
699-
Talk</a>
700-
</div>
701-
</div>
702-
</div>
703-
</div>
656+
<div class="row s-contact__content"></div>
704657
</section>
705658
<footer class="s-footer">
706659
<div class="row">

‎js/data.js‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,10 +72,65 @@ fetch("data.json")
7272

7373
education.forEach((edu) => {
7474
// console.log(edu);
75+
document.querySelector(".s-experience").innerHTML += `
76+
<div class="target-section">
77+
<div class="row s-experience__section">
78+
<div class="column large-3 tab-12">
79+
<h3 class="section-header-allcaps">Education</h3>
80+
</div>
81+
<div class="column large-9 tab-12">
82+
<div class="experience-block">
83+
<div class="experience-block__header">
84+
<h4 class="h3">${edu.institution}</h4>
85+
<p class="experience-block__header-meta">
86+
<span>${edu.degree}</span>
87+
<span class="experience-block__header-date">
88+
${edu.startYear} - ${edu.endYear}
89+
</span>
90+
</p>
91+
</div>
92+
<p>${edu.description}</p>
93+
</div>
94+
</div>
95+
</div>
96+
</div>
97+
`;
7598
});
7699

77100
projects.forEach((project) => {
78101
// console.log(project);
79102
});
103+
104+
document.querySelector("#contact .column.large-12").innerHTML = `
105+
<h3 class="section-header-allcaps">Contact</h3>
106+
<div class="row s-contact__content">
107+
<div class="column large-7 medium-12">
108+
<h4 class="huge-text">You can contact me through this.👉</h4>
109+
</div>
110+
<div class="column large-4 medium-12">
111+
<div class="row contact-infos">
112+
<div class="column large-12 medium-6 tab-12">
113+
<div class="contact-block">
114+
<h5 class="contact-block__header">Email</h5>
115+
<p class="contact-block__content">
116+
<a class="mailtoui" href="mailto:${email}" aria-label="email to">${email}</a>
117+
</p>
118+
</div>
119+
</div>
120+
<div class="column large-12 medium-6 tab-12">
121+
<div class="contact-block">
122+
<h5 class="contact-block__header">Phone</h5>
123+
<p class="contact-block__content">
124+
<a href="tel:${phone}" aria-label="contact number">${phone}</a>
125+
</p>
126+
</div>
127+
</div>
128+
<div class="column large-12">
129+
<a href="mailto:${email}" class="mailtoui btn h-full-width" aria-label="email id">Let's Talk</a>
130+
</div>
131+
</div>
132+
</div>
133+
</div>
134+
`;
80135
})
81136
.catch((error) => console.error("Error fetching JSON:", error));

0 commit comments

Comments
 (0)