Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Aman9520
Aman9520 authored Jul 19, 2024
1 parent 10db37f commit 4583b81
Show file tree
Hide file tree
Showing 3 changed files with 1,316 additions and 0 deletions.
292 changes: 292 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,292 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio Landing Page</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@100;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap"rel="stylesheet'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<!-- Header -->
<nav class="navbar">
<div class="max-width">
<ul class="menu">
<li><a href="#home" class="menu-btn"><strong>Home</strong></a></li>
<li><a href="#about" class="menu-btn"><strong>About</strong></a></li>
<li><a href="#skills" class="menu-btn"><strong>Skills</strong></a></li>
<li><a href="#contact" class="menu-btn"><strong>Contact</strong></a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>

<!-- Home -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, This is</div>
<div class="text-2">#Aman SinGh</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
<a href="#">Hire me</a>
</div>
</div>
</section>

<!-- About -->
<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="https://source.unsplash.com/626x626/?profile" alt="Profile Image 626x626">
</div>
<div class="column right">
<div class="text">I'm #Aman and I'm a <span class="typing-2"></span></div>
<p>I am seeking a role which allow me to continue learning and perfect
my skills provided a high-quality work, and encourage me to flourish
as a web application security researcher. Experience with owasp top
10, pentration testing and identify threat, risk, vulnerability. proficient
about linux command line, SQL, and Pytho. Strong communication
and problem solving-skils.</p>
<br>
<a href="#link" target="blank">Download CV</a>
</div>
</div>
</div>
</section>

<!-- Skills -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My Skills</h2>
<div class="skills-content">
<div class="column left">

<div class="text">INTERNSHIP</div>
<p>
<li class="intern">#internshala "Ethical hacking"</li>
</p>

<br>
<div class="text">PROJECT</div>

<p>
<li class="project">Google cyber security certification</li>
</p>

<br>
<div class="text">DEVELOPMENT SKILLS</div>

<p>
I'm familiar & work on a daily basis with HTML, CSS, sql.
</p>
<a href="#" target="blank">Get Educate...</a>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>bug hunting</span>
<span>60%</span>
</div>
<div class="line python"></div>
</div>
<div class="bars">
<div class="info">
<span>Recon</span>
<span>70%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>manually</span>
<span>60%</span>
</div>
<div class="line css"></div>
</div>
<div class="bars">
<div class="info">
<span>sqlmap</span>
<span>50%</span>
</div>
<div class="line js"></div>
</div>
<div class="bars">
<div class="info">
<span>vapt</span>
<span>70%</span>
</div>
<div class="line bootstraps"></div>
</div>
<div class="bars">
<div class="info">
<span>Mobile testing</span>
<span>50%</span>
</div>
<div class="line django"></div>
</div>
</div>
</div>
</div>
</section>

<!-- Projects -->
<section class="projects" id="projects">
<div class="max-width">
<h2 class="title">My Projects</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="https://source.unsplash.com/720x600/?shopping" alt="">
<div class="text">Ecommerce</div>
<p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="https://source.unsplash.com/720x600/?portfolio" alt="">
<div class="text">Portfolio</div>
<p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="https://source.unsplash.com/720x600/?blog" alt="">
<div class="text">Blog</div>
<p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="https://source.unsplash.com/720x600/?messanger" alt="">
<div class="text">Messaging App</div>
<p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="https://source.unsplash.com/720x600/?app-clone" alt="">
<div class="text">Clone</div>
<p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="https://source.unsplash.com/720x600/?code,demo" alt="">
<div class="text">Demo</div>
<p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
</div>
</section>

<!-- Contact -->
<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>
<p>Feel free to get in touch with me. I am always open to discussing new projects, creative ideas or opportunities to be a part of your visions. Email me with any questions or inquiries. I'll happy to answer your questions and set up a meeting with you.</p>
<div class="icons">

<a href="#">
<div class="row">
<i class="fa-solid fa-user-large"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title"><a href="#" style="text-decoration: none; color: #333;"> Aman Singh</a></div>
</div>
</div>
</a>

<div class="row">
<i class="fa-solid fa-location-dot"></i>
<div class="info">
<div class="head"> Address</div>
<div class="sub-title"> CAN't reveal</div>
</div>
</div>

<div class="row">
<i class="fa-solid fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title"><a href="mailto:#" style="text-decoration: none; color: #333;"> [email protected]</a></div>
</div>
</div>

<div class="row">
<i class="bi bi-translate"></i>
<div class="info">
<div class="head">Language Known</div>
<div class="sub-title">Hindi, English</div>
</div>
</div>

<br>

<!-- Social -->
<div class="social-menu">
<ul>
<li><a href="#"><i class="fa-brands fa-github"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#" title="Get Educate with Us"><i class="fa-solid fa-graduation-cap"></i></a></li>
</ul>
</div>
</div>
</div>

<!-- Reach -->
<div class="column right">
<div class="text">Message me</div>
<form action="#">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Your Name" required>
</div>
<div class="field email">
<input type="email" placeholder="Your Email" required>
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" placeholder="Message.." required></textarea>
</div>
<div class="button-area">
<button type="submit">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>

<!-- Footer -->
<footer>
<span>
<a href="#"> Aman Singh</a> | <span class="far fa-copyright"></span> 2024 All Rights Reserved. Privacy Policy
</span>
</footer>
<script src='https://kit.fontawesome.com/3b57a2a2a7.js'></script>
<script src='https://code.jquery.com/jquery-3.5.1.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'></script>
<script src="script.js"></script>
</body>
</html>
88 changes: 88 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
$(document).ready(function () {
$(window).scroll(function () {
// sticky navbar on scroll script //
if (this.scrollY > 20) {
$(".navbar").addClass("sticky");
} else {
$(".navbar").removeClass("sticky");
}

// scroll-up button show/hide script //
if (this.scrollY > 500) {
$(".scroll-up-btn").addClass("show");
} else {
$(".scroll-up-btn").removeClass("show");
}
});

// slide-up script //

$(".scroll-up-btn").click(function () {
$("html").animate({ scrollTop: 0 });
// removing smooth scroll on slide-up button click //
$("html").css("scrollBehavior", "auto");
});

$(".navbar .menu li a").click(function () {
// Smooth scroll on Menu Items click //

$("html").css("scrollBehavior", "smooth");
});

// Toggle Navbar //

$(".menu-btn").click(function () {
$(".navbar .menu").toggleClass("active");
$(".menu-btn i").toggleClass("active");
});

// Typing Text Animation //

var typed = new Typed(".typing", {
strings: [
"Bug Hunter",
"pentration tester",
"Red teamer",
"Python developer"
],
typeSpeed: 100,
backSpeed: 60,
loop: true
});

var typed = new Typed(".typing-2", {
strings: [
"Bug Hunter",
"pentration tester",
"Red teamer",
"Python developer"
],
typeSpeed: 100,
backSpeed: 60,
loop: true
});

// Owl Carousel //

$(".carousel").owlCarousel({
margin: 20,
loop: true,
autoplay: true,
autoplayTimeOut: 2000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
nav: false
},
600: {
items: 2,
nav: false
},
1000: {
items: 3,
nav: false
}
}
});
});
Loading

0 comments on commit 4583b81

Please sign in to comment.