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 authored May 11, 2024
1 parent 9728165 commit 11daf42
Show file tree
Hide file tree
Showing 3 changed files with 123 additions and 11 deletions.
54 changes: 50 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@
</div>
<!--CV DOWNLOAD BUTTON-->
<div class="w3-container w3-padding-16 cv fix4">
<a href="resume/Kanha_Gupta_Resume.pdf"
<a href="resume/Kanha Gupta Resume.pdf"
class="w3-amber w3-hover-amber w3-button w3-round-small w3-hover-red w3-padding-large download" download>
<i data-feather="arrow-down" style="vertical-align: -0.35em;"></i>
<span class="w3-margin-left">DOWNLOAD RESUME</span>
Expand Down Expand Up @@ -210,6 +210,8 @@ <h4 class="mt-4 reveal3">Technical skills</h4>
<li>&nbsp;&nbsp;- Data Structures & Algorithms.</li>
<li>&nbsp;&nbsp;- Bootstrap : A CSS Framework.</li>
<li>&nbsp;&nbsp;- ReactJS : A JavaScript Based FrontEnd Library.</li>
<li>&nbsp;&nbsp;- Development Tools : VS Code, Github, Canva, Figma & Google Colab.</li>
<li>&nbsp;&nbsp;- Core Subjects : OOPS, Mathematics, Web Technology & SDLC</li>
<li>&nbsp;&nbsp;- Good Experience With MS Office Tools.</li>
</ul>
</div>
Expand Down Expand Up @@ -472,6 +474,50 @@ <h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !i
<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" class="reveal3">


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

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

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

<!-- Modal Caption (Image Text) -->
<div id="caption14"></div>
</div>
<img id="myImg15" src="achievements/aws.jpg" alt="AWS Academy Cloud Foundations"
style="width:48%;max-width:300px;margin-top: 6px" class="reveal2">


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

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

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

<!-- Modal Caption (Image Text) -->
<div id="caption15"></div>
</div>
<img id="myImg16" src="achievements/genai.jpg" alt="Introduction To Generative AI - Google Cloud"
style="width:48%;max-width:300px;margin-top: 6px" class="reveal3">


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

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

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

<!-- Modal Caption (Image Text) -->
<div id="caption16"></div>
</div>
<img id="myImg17" src="achievements/pro5.jpg" alt="Front-End Engineer Certificate - Pro5.ai" style="width:48%;max-width:300px;margin-top: 6px;" class="reveal2">

</div>


Expand Down Expand Up @@ -681,6 +727,7 @@ <h5 class="card-title">Parking Lot Management</h5>
<div class="card-body">
<h5 class="card-title">Hospital Management Software</h5>
<p class="card-text">A Simple Hospital Management Software Using C++. This Hospital Management Program Helps To Mainly Manage The Patient's Database.</p>
<a class="btn btn-danger btn-sm" href="https://www.onlinegdb.com/G7Minnb1d" target="_blank" role="button">View</a>
<a class="btn btn-secondary btn-sm" href="https://github.com/Kanha412/Hospital_Management_Software" target="_blank" role="button">Source Code</a>
</div>
</div>
Expand All @@ -703,7 +750,6 @@ <h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !i
<p>Name: Kanha Gupta</p>
<p>Address (Hometown): Katni, MP, 483501</p>
<p>Address (Now): Indrapuri, Bhopal, MP, 462022</p>
<p>E-mail: [email protected]</p>
</div>
</div>

Expand Down Expand Up @@ -765,7 +811,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)","(500+ GeeksForGeeks Score)","(C Programming)","(Python)","(ReactJS)","(Bootstrap)","(Data Structures & Algorithms)","(Problem Solving)","(Digital Marketing)","(Web Development)"], i = -1;
var words = ["(5⭐ C++ Developer At HackerRank)","(600+ GeeksForGeeks Score)","(C Programming)","(OOPS)","(Mathematics)","(Python)","(ReactJS)","(Bootstrap)","(Data Structures & Algorithms)","(Problem Solving)","(Github)","(Figma)","(Digital Marketing)","(Web Development)"], i = -1;
setInterval(function(){ $('#words').fadeOut(function(){
$(this).html(words[(i = (i + 1) % words.length)]).fadeIn();
}); }, 3000)
Expand All @@ -774,4 +820,4 @@ <h4 class="my-4 touch" style="color: rgb(15, 0, 224);">Get In Touch</h4>
<script type="text/javascript" src="https://counter10.optistats.ovh/private/counter.js?c=qr8xsx8n3dtnblwq3m7rqdzq7d6z5dfm&down=async" async></script><noscript><a href="https://www.freecounterstat.com" title="free hit counter"><img src="https://counter10.optistats.ovh/private/freecounterstat.php?c=qr8xsx8n3dtnblwq3m7rqdzq7d6z5dfm" border="0" title="free hit counter" alt="free hit counter"></a></noscript>
</body>

</html>
</html>
63 changes: 63 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -350,7 +350,70 @@ span.onclick = function () {
}


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

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg15");
var modalImg = document.getElementById("img024");
var captionText = document.getElementById("caption14");
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("close14")[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("myModal15");

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg16");
var modalImg = document.getElementById("img025");
var captionText = document.getElementById("caption15");
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("close15")[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("myModal16");

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg17");
var modalImg = document.getElementById("img026");
var captionText = document.getElementById("caption16");
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("close16")[0];

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


function openModal() {
Expand Down
17 changes: 10 additions & 7 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -252,13 +252,13 @@ body * {
100% {color: #a10000}
}

#myImg, #myImg1, #myImg2, #myImg3, #myImg4, #myImg5, #myImg0, #myImg6, #myImg7, #myImg8,#myImg9,#myImg10,#myImg11,#myImg12, #myImg13, #myImg14 {
#myImg, #myImg1, #myImg2, #myImg3, #myImg4, #myImg5, #myImg0, #myImg6, #myImg7, #myImg8,#myImg9,#myImg10,#myImg11,#myImg12, #myImg13, #myImg14, #myImg15, #myImg16, #myImg17 {
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, #myImg13:hover, #myImg14: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, #myImg15:hover, #myImg16:hover,#myImg17:hover{
opacity: 0.7;
}

Expand Down Expand Up @@ -286,7 +286,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,#caption12,#caption13 {
#caption, #caption1, #caption2, #caption3, #caption4, #caption5, #caption0, #caption6,#caption7,#caption8,#caption9,#caption10,#caption11,#caption12,#caption13,#caption14,#caption15,#caption16{
margin: auto;
display: block;
width: 80%;
Expand All @@ -298,7 +298,7 @@ body * {
}

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

/* The Close Button */
.close, .close1,.close2,.close3,.close4,.close5, .close0, .close6, .close7,.close8,.close9,.close10,.close11,.close12,.close13 {
.close, .close1,.close2,.close3,.close4,.close5, .close0, .close6, .close7,.close8,.close9,.close10,.close11,.close12,.close13,.close14,.close15,.close16 {
position: absolute;
top: 15px;
right: 35px;
Expand All @@ -334,7 +334,10 @@ body * {
.close10:hover,.close10:focus,
.close11:hover,.close11:focus,
.close12:hover,.close12:focus,
.close13:hover,.close13:focus {
.close13:hover,.close13:focus,
.close14:hover,.close14:focus,
.close15:hover,.close15:focus,
.close16:hover,.close16:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
Expand Down Expand Up @@ -609,4 +612,4 @@ svg:hover{
.download{
width: 68px;
}
}
}

0 comments on commit 11daf42

Please sign in to comment.