Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@deepaahuja92
deepaahuja92 committed Jun 1, 2021
0 parents commit 5cc18b3
Show file tree
Hide file tree
Showing 10 changed files with 1,028 additions and 0 deletions.
Binary file added images/HackerRank_logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/LeetCode_logo_black.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Resume.docx
Binary file not shown.
Binary file added images/WhatsApp Image 2021-05-25 at 3.23.13 PM.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/WhatsApp Image 2021-05-26 at 10.41.55 PM.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/download3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/tBixED.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
283 changes: 283 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio Website</title>
<link rel="stylesheet" href="style.css" />
<script
src="https://kit.fontawesome.com/a076d05399.js"
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="scroll-up-btn">
<i class="fa fa-4x fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo">
<a href="#">Portfo<span>lio.</span></a>
</div>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<!-- <li><a href="#">Blogs</a></li> -->
<!-- Achivements -->
<li><a href="#contact">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fa fa-bars"></i>
</div>
</div>
</nav>

<!-- Home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello,I am</div>
<div class="text-2">Deepa Ahuja</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
<a ref="#">Hire Me</a>
</div>
</div>
</section>
<!-- About Section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About Me</h2>
<div class="about-content">
<div class="column left">
<img
src="images/WhatsApp Image 2021-05-26 at 10.41.55 PM.jpeg"
alt="Deepa Ahuja "
/>
</div>
<div class="column right">
<div class="text">
I'm Deepa Ahuja and I'm an
<span
>optimistic person who loves to learn and explore new fields and
technologies.</span
>
</div>
<p style="font-size: 16px">
I am born in Jabalpur. I am a freshman currently persuing B. Tech
UG from Jabalpur Engineering College. I am an Enthusiastic Person.
I love to explore and new technologies and work in a changing and
a dynamic envrironment where I can hone my skills and I can also
give back to the community.
</p>
<a href="images/Resume.docx">Download Resume</a>
</div>
</div>
</div>
</section>
<!-- Projects Section start -->
<section class="projects" id="projects">
<div class="max-width">
<h2 class="title">My Projects</h2>
<div class="projects-content">
<div class="card">
<div class="box">
<i class="fa fa-briefcase" aria-hidden="true"></i>
<div class="text">Personal Portfolio</div>
<p>
I have created a personal Portfolio using HTML,CSS and
JavaScript
</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fa fa-motorcycle"></i>
<div class="text">Gym Website</div>
<p>I have created the frontend of the Website of Gym</p>
</div>
</div>
</div>
</div>
</section>
<!-- Skills section start -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My Skills</h2>
<div class="skills-content">
<div class="column left">
<ul>
<h2>Technologies</h2>
<li><i class="fa fa-linux"></i>Linux</li>
<li><i class="fa fa-v"></i>Visual Studio</li>
<li><i class="fa fa-"></i>VSCode</li>
<li><i class="fa fa-vimeo"></i>Vim</li>
<li><i class="fa fa-git"></i>GIT</li>
<li><i class="fa fa-"></i>C</li>
<li><i class="fa fa-"></i>C++</li>
<li><i class="fa fa-"></i>Github</li>
<li><i class="fa fa-"></i>HTML</li>
<li><i class="fa fa-"></i>CSS</li>
</ul>
<!-- <br> <br> -->
<div class="text"></div>
<h2>Creative Skills</h2>
<br />
<p>
I love to learn new languages and explore different technologies.
In addition I am interested in Art and craft and love to play
chess.
</p>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>HTML</span>
<span>60%</span>
</div>
<div class="line HTML"></div>
</div>
<div class="bars">
<div class="info">
<span>CSS</span>
<span>60%</span>
</div>
<div class="line CSS"></div>
</div>
<div class="bars">
<div class="info">
<span>JavaScript</span>
<span>40%</span>
</div>
<div class="line JavaScript"></div>
</div>
<div class="bars">
<div class="info">
<span>C</span>
<span>70%</span>
</div>
<div class="line C"></div>
</div>
<div class="bars">
<div class="info">
<span>C++</span>
<span>60%</span>
</div>
<div class="line Cpp"></div>
</div>
<div class="bars">
<div class="info">
<span>OOPs</span>
<span>70%</span>
</div>
<div class="line OOPs"></div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact section start -->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact Me</h2>
<div class="contact-content">
<div class="column left">
<div class="text">Get in Touch</div>
<div class="icons">
<div class="row">
<i class="fa fa-envelope"></i>
<div class="info">
<a href="mailto: [email protected]">
<div class="head"> Email</div>
</a>
</div>
</div>

<div class="row">
<i class="fa fa-linkedin"></i>
<div class="info">
<a href="https://www.linkedin.com/in/deepa-ahuja-0893961bb/">
<div class="head">LinkedIn</div>
</a>
</div>
</div>


<div class="row">
<i class="fa fa-github"></i>
<div class="info">
<a href="https://github.com/deepaahuja92">
<div class="head">GitHub</div>
</a>
</div>
</div>

<div class="row">
<img src="images/LeetCode_logo_black.png" class="sm_icon">
<div class="info">
<a href="https://leetcode.com/deepa_0610/">
<div class="head">LeetCode</div>
</a>
</div>
</div>

<div class="row">
<img src="images/HackerRank_logo.png"class="sm_icon">
<div class="info">
<a href="https://www.hackerrank.com/deepaahuja383">
<div class="head">HackerRank</div>
</a>
</div>
</div>
<div class="row">
<img src="images/download3.png" class="sm_icon">
<div class="info">
<a href="https://auth.geeksforgeeks.org/user/deepaahuja383/profile">
<div class="head">GeeksforGeeks</div>
</a>
</div>
</div>
</div>
</div>
<div class="column right">
<!-- <div class="text">Message me</div> -->
<!-- <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSco8MWA2D7cnU3qPzqO-zoynPeKecDOAMq-OJmh1Y7riWbuwQ/viewform?embedded=true" height="550" frameborder='0' marginheight>Loading…</iframe> -->
<!-- <form action="#"> -->
<form action="#" method="POST">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Name" required>
</div>
<div class="field email">
<input type="email" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" placeholder="Comments/Purpose" required></textarea>
</div>
<div class="button">
<button type="submit">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- footer section start -->
<footer>
<span>Created By&nbsp;&nbsp;<a href="#">Deepa Ahuja&nbsp;&nbsp;</a>&nbsp;&nbsp;|<span>&nbsp;&nbsp;&copy;&nbsp;&nbsp;</span>2020 All rights reserved.</span>
</footer>
<script src="script.js"></script>
</body>
</html>
30 changes: 30 additions & 0 deletions script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
$(document).ready(function(){
$(window).scroll(function(){
if(this.scrollY>20){
$('.navbar').addClass("sticky");
}else{
$('.navbar').removeClass("sticky");
}
if(this.scrollY>500){
$('.scroll-up-btn').addClass("show");
}
else{
$('.scroll-up-btn').removeClass("sticky");
}
});
//slide-up script
$('.scroll-up-btn').click(function(){
$('html').animate({scrollTop:0});
});
//typing script
var typed=new Typed(".typing",{
strings:["Youtuber","Developer","ML enthusiast","Learner"],
typeSpeed:100,
backSpeed:60,
loop:true
});
$('.menu-btn').click(function(){
$('.navbar .menu').toggleClass("active")
$('.menu-btn i').toggleClass("active")
});
});
Loading

0 comments on commit 5cc18b3

Please sign in to comment.