Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kanha412
Kanha412 committed Jun 20, 2023
1 parent d492fcd commit 489d315
Show file tree
Hide file tree
Showing 3 changed files with 144 additions and 20 deletions.
102 changes: 89 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -152,25 +152,35 @@ <h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !i

<!--RESUME-->
<div id="resume" class="w3-container w3-margin-top-20-percent w3-cursive">
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">MY RESUME</h2>
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">RESUME</h2>
<div class="w3-container w3-margin-top-2 w3-cursive">

<!--EMPLOYMENT HISTORY SECTION-->
<h3 class="w3-border-amber">My Employment History</h3>
<h3 class="w3-border-amber">Employment History</h3>
<div class="">
<h4 class="mt-4">Software Engineering Virtual Experience Program - JP Morgan Chase & Co.</h4>
<p>June 2023</p>
<ul class="w3-ul" style="font-weight: 500;">
<li>&nbsp;&nbsp;- Interface With A Stock Price Data Feed & Set Up Your System For Analysis Of The Data.</li>
<li>&nbsp;&nbsp;- Use JPMorgan Chase & Co. Frameworks & Tools.</li>
<li>&nbsp;&nbsp;- Display Data Visually For Traders.</li>
<li>&nbsp;&nbsp;- Bonus Task: Open Source Contribution.</li>
</ul>
</div>
<div class="">
<h4 class="mt-4">Campus Ambassador at TechLearn.</h4>
<p>January 2022 - February 2022</p>
<ul class="w3-ul" style="font-weight: 500;">
<li>Promoted Live Online Sessions Of TechLearn In My College.</li>
<li>Solved Student's Queries.</li>
<li>Implemented Social Media Strategies To Increase Engagement & Followers For TechLearn.</li>
<li>&nbsp;&nbsp;- Promoted Live Online Sessions Of TechLearn In My College.</li>
<li>&nbsp;&nbsp;- Solved Student's Queries.</li>
<li>&nbsp;&nbsp;- Implemented Social Media Strategies To Increase Engagement & Followers For TechLearn.</li>
</ul>
</div>
</div>

<!---EDUCATION SECTION-->
<div class="w3-container w3-margin-top-2 w3-cursive">
<h3 class="w3-border-amber">My Education</h3>
<h3 class="w3-border-amber">Education</h3>
<h4 class="mt-4">B.Tech (CSE), LNCT Group Of Colleges, Bhopal</h4>
<p>June 2020 - Present </p>
<h4>High Schooling (PCM), Saint Paul's Sr. Sec. School (CBSE), Katni</h4>
Expand All @@ -183,7 +193,7 @@ <h4>Primary Education, Champions School, Katni</h4>

<!--SKILLS SECTION-->
<div class="w3-container w3-margin-top-2 w3-cursive">
<h3 class="w3-border-amber">My Skills</h3>
<h3 class="w3-border-amber">Skills</h3>
<!--SOFT SKILLS-->
<h4 class="mt-4">Soft skills</h4>
<ul class="w3-ul" style="font-weight: 500;">
Expand All @@ -206,7 +216,7 @@ <h4 class="mt-4">Technical skills</h4>

<!--INTERESTS SECTION-->
<div class="w3-container w3-margin-top-2 w3-cursive">
<h3 class="w3-border-amber">My Hobbies & Interests</h3>
<h3 class="w3-border-amber">Hobbies & Interests</h3>
<ul class="w3-ul" style="font-weight: 500;">
<li>Playing Chess, Football & Cricket.</li>
<li>Writing, Reading Books & Watching Biopics.</li>
Expand All @@ -217,7 +227,7 @@ <h3 class="w3-border-amber">My Hobbies & Interests</h3>

<!--REFERENCE SECTION-->
<div class="w3-container w3-margin-top-2 w3-cursive">
<h3 class="w3-border-amber">My References</h3>
<h3 class="w3-border-amber">References</h3>
<h4 class="mt-4">LNCT Group Of Colleges, Bhopal</h4>
<ul class="w3-ul" style="font-weight: 500;">
<li>New Chouksey Nagar, Lambakheda, Bairasia Road, Bhopal - 462038</li>
Expand All @@ -235,7 +245,8 @@ <h4 class="mt-4">RGPV University, Bhopal</h4>

<!-- ACHIEVEMENTS -->
<div id="achieve" class="w3-container w3-margin-top-20-percent w3-cursive">
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">MY ACHIEVEMENTS</h2><br>
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">ACHIEVEMENTS</h2><br>

<img id="myImg0" src="achievements/tic.png" alt="Campus Leader's Internship Certificate, TechLearn"
style="width:48%;max-width:300px">

Expand All @@ -252,6 +263,20 @@ <h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !i
<div id="caption0"></div>
</div>

<div id="myModal13" class="modal">

<!-- The Close Button -->
<span class="close13">&times;</span>

<!-- Modal Content (The Image) -->
<img class="modal-content" id="img023">

<!-- Modal Caption (Image Text) -->
<div id="caption13"></div>
</div>
<img id="myImg14" src="achievements/jp.png" alt="Software Engineering Virtual Experience, JP Morgan Chase & Co. (Issued By Forage)"
style="width:48%;max-width:300px;margin-top: 6px">

<img id="myImg" src="achievements/am.jpg" alt="Affiliate Marketing, Tajana Grubisic (Instructor), UDEMY"
style="width:48%;max-width:300px">

Expand Down Expand Up @@ -432,6 +457,21 @@ <h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !i
<img id="myImg12" src="achievements/h4.png" alt="Python (Basic) Assessment Certificate, HackerRank"
style="width:48%;max-width:300px;margin-top: 6px">


<div id="myModal12" class="modal">

<!-- The Close Button -->
<span class="close12">&times;</span>

<!-- Modal Content (The Image) -->
<img class="modal-content" id="img022">

<!-- Modal Caption (Image Text) -->
<div id="caption12"></div>
</div>
<img id="myImg13" src="achievements/tcs.jpg" alt="Young Professional Course Certificate, TCS iON Career Edge"
style="width:48%;max-width:300px;margin-top: 6px">

</div>


Expand Down Expand Up @@ -518,7 +558,7 @@ <h3 class="w3-border-amber mt-2">TechLearn Online Live Sessions</h3>

<!-- Projects -->
<div id="project" class="w3-container w3-margin-top-20-percent w3-cursive">
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">MY PROJECTS</h2>
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">PROJECTS</h2>
<br>
<div class="row row-cols-1 row-cols-md-2 g-4 project">
<div class="col">
Expand Down Expand Up @@ -599,6 +639,42 @@ <h5 class="card-title">Brick Breaker Game</h5>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="project/p8.png" class="card-img-top" alt="Weather Report Project">
<div class="card-body">
<h5 class="card-title">Weather Report Project</h5>
<p class="card-text">An Attractive Live Weather Report Using HTML , CSS and JavaScript.
This Live Weather Report Project Is Fully Functional & Responsive.</p>
<a class="btn btn-danger btn-sm" href="https://kanha412.github.io/Weather_Report/" target="_blank" role="button">View</a>
<a class="btn btn-secondary btn-sm" href="https://github.com/Kanha412/Weather_Report" target="_blank" role="button">Source Code</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="project/p9.png" class="card-img-top" alt="Laundry Service Project">
<div class="card-body">
<h5 class="card-title">Laundry Service Project</h5>
<p class="card-text">An Animated Laundry Service Website Using HTML , CSS and JavaScript.
This Animated Laundry Service Website Is Fully Functional & Responsive.</p>
<a class="btn btn-danger btn-sm" href="https://kanha412.github.io/Laundry_Service/" target="_blank" role="button">View</a>
<a class="btn btn-secondary btn-sm" href="https://github.com/Kanha412/Laundry_Service" target="_blank" role="button">Source Code</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="project/p10.png" class="card-img-top" alt="Parking Lot Management">
<div class="card-body">
<h5 class="card-title">Parking Lot Management</h5>
<p class="card-text">A Simple Parking Lot Management Website Using HTML , CSS and JavaScript.
This Parking Lot Management Website Is Fully Functional & Responsive.</p>
<a class="btn btn-danger btn-sm" href="https://kanha412.github.io/Parking_Lot_Management/" target="_blank" role="button">View</a>
<a class="btn btn-secondary btn-sm" href="https://github.com/Kanha412/Parking_Lot_Management" target="_blank" role="button">Source Code</a>
</div>
</div>
</div>
</div>
<div class="container" style="
display: flex;
Expand All @@ -612,7 +688,7 @@ <h5 class="card-title">Brick Breaker Game</h5>

<!--CONTACT SECTION-->
<div id="contact" class="w3-container w3-margin-top-20-percent w3-cursive">
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">MY CONTACT DETAILS</h2>
<h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !important;">CONTACT DETAILS</h2>
<div class="w3-margin-top-2" style="font-weight: 500;">
<p>Name: Kanha Gupta</p>
<p>Address (Hometown): Katni, MP, 483501</p>
Expand Down Expand Up @@ -677,7 +753,7 @@ <h4 class="my-4 touch" style="color: rgb(15, 0, 224);">Get In Touch</h4>
<script src="script.js"></script>
<script type="text/javascript">
(function () {
var words = ["(5⭐ C++ Developer At HackerRank)","(450+ GeeksForGeeks Score)","(C Programming)","(Python)","(Django)","(Bootstrap)","(Data Structures & Algorithms)","(Problem Solving)","(Digital Marketing)","(Web Development)"], i = -1;
var words = ["(5⭐ C++ Developer At HackerRank)","(500+ GeeksForGeeks Score)","(C Programming)","(Python)","(Django)","(Bootstrap)","(Data Structures & Algorithms)","(Problem Solving)","(Digital Marketing)","(Web Development)"], i = -1;
setInterval(function(){ $('#words').fadeOut(function(){
$(this).html(words[(i = (i + 1) % words.length)]).fadeIn();
}); }, 3000)
Expand Down
46 changes: 46 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -306,6 +306,52 @@ span.onclick = function () {



// Get the modal
var modal = document.getElementById("myModal12");

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg13");
var modalImg = document.getElementById("img022");
var captionText = document.getElementById("caption12");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close12")[0];

// When the user clicks on <span> (x), close the modal
span.onclick = function () {
modal.style.display = "none";
}


// Get the modal
var modal = document.getElementById("myModal13");

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg14");
var modalImg = document.getElementById("img023");
var captionText = document.getElementById("caption13");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close13")[0];

// When the user clicks on <span> (x), close the modal
span.onclick = function () {
modal.style.display = "none";
}





function openModal() {
document.getElementById("myModalt").style.display = "block";
Expand Down
16 changes: 9 additions & 7 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -225,7 +225,7 @@ body * {

h3{
color: rgb(14, 71, 6);
text-decoration: underline dotted;
text-decoration: underline dashed;
}

.college{
Expand Down Expand Up @@ -255,13 +255,13 @@ body * {
100% {color: #a10000}
}

#myImg, #myImg1, #myImg2, #myImg3, #myImg4, #myImg5, #myImg0, #myImg6, #myImg7, #myImg8,#myImg9,#myImg10,#myImg11,#myImg12 {
#myImg, #myImg1, #myImg2, #myImg3, #myImg4, #myImg5, #myImg0, #myImg6, #myImg7, #myImg8,#myImg9,#myImg10,#myImg11,#myImg12, #myImg13, #myImg14 {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}

#myImg:hover, #myImg1:hover, #myImg2:hover, #myImg3:hover, #myImg4:hover, #myImg5:hover, #myImg0:hover, #myImg6:hover, #myImg7:hover, #myImg8:hover,#myImg9:hover,#myImg10:hover, #myImg11:hover, #myImg12:hover{
#myImg:hover, #myImg1:hover, #myImg2:hover, #myImg3:hover, #myImg4:hover, #myImg5:hover, #myImg0:hover, #myImg6:hover, #myImg7:hover, #myImg8:hover,#myImg9:hover,#myImg10:hover, #myImg11:hover, #myImg12:hover, #myImg13:hover, #myImg14:hover{
opacity: 0.7;
}

Expand Down Expand Up @@ -289,7 +289,7 @@ body * {
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption, #caption1, #caption2, #caption3, #caption4, #caption5, #caption0, #caption6,#caption7,#caption8,#caption9,#caption10,#caption11 {
#caption, #caption1, #caption2, #caption3, #caption4, #caption5, #caption0, #caption6,#caption7,#caption8,#caption9,#caption10,#caption11,#caption12,#caption13 {
margin: auto;
display: block;
width: 80%;
Expand All @@ -301,7 +301,7 @@ body * {
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption, #caption1, #caption2, #caption3, #caption4, #caption5, #caption0, #caption6, #caption7,#caption8,#caption9,#caption10,#caption11 {
.modal-content, #caption, #caption1, #caption2, #caption3, #caption4, #caption5, #caption0, #caption6, #caption7,#caption8,#caption9,#caption10,#caption11,#caption12,#caption13 {
animation-name: zoom;
animation-duration: 0.6s;
}
Expand All @@ -312,7 +312,7 @@ body * {
}

/* The Close Button */
.close, .close1,.close2,.close3,.close4,.close5, .close0, .close6, .close7,.close8,.close9,.close10,.close11 {
.close, .close1,.close2,.close3,.close4,.close5, .close0, .close6, .close7,.close8,.close9,.close10,.close11,.close12,.close13 {
position: absolute;
top: 15px;
right: 35px;
Expand All @@ -335,7 +335,9 @@ body * {
.close8:hover,
.close9:focus,.close9:hover,
.close10:hover,.close10:focus,
.close11:hover,.close11:focus {
.close11:hover,.close11:focus,
.close12:hover,.close12:focus,
.close13:hover,.close13:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
Expand Down

0 comments on commit 489d315

Please sign in to comment.