Skip to content

Prashant_Singh #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Prashant7454 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Prashant_Singh #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
199 changes: 199 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="scriptsheet" href="script.js">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>This is my portfolio</title>

<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">

<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<!-- header section starts -->

<header>

<div class="user">
<img src="my.jpg" alt="">
<h3 class="name">Prashant Singh</h3>
<p class="post">front end developer</p>
</div>

<nav class="navbar">
<ul>
<li><a href="#home">home</a></li>
<li><a href="#about">about</a></li>
<li><a href="#portfolio">portfolio</a></li>
<li><a href="#contact">contact</a></li>
</ul>
</nav>

</header>

<!-- header section ends -->

<div id="menu" class="fas fa-bars"></div>

<!-- home section starts -->

<section class="home" id="home">

<h3>HI THERE !</h3>
<h1>I'M <span>Prashant Singh</span></h1>
<p>I am a student of arya college of engineering and IT.I am learning web Development.
</p>
<a href="#about"><button class="btn">about me <i class="fas fa-user"></i></button></a>

</section>

<!-- home section ends -->

<!-- about section starts -->

<section class="about" id="about">

<h1 class="heading"> <span>about</span> me </h1>

<div class="row">

<div class="info">
<h3> <span> name : </span> Prashant Singh </h3>
<h3> <span> age : </span> 20 </h3>
<!--<h3> <span> qualification : </span> BMS </h3>-->
<!--<h3> <span> post : </span> front end developer </h3>-->
<h3> <span> language : </span> hindi </h3>
<a href="#"><button class="btn"> download CV <i class="fas fa-download"></i> </button></a>
</div>

<div class="counter">

<div class="box">
<span>0</span>
<h3>years of experience</h3>
</div>

<div class="box">
<span>0</span>
<h3>porject completed</h3>
</div>

<div class="box">
<span>0</span>
<h3>happy clients</h3>
</div>

<div class="box">
<span>0</span>
<h3>awards won</h3>
</div>

</div>

</div>

</section>

<!-- education section ends -->

<!-- portfolio section starts -->

<section class="portfolio" id="portfolio">

<h1 class="heading"> my <span>portfolio</span> </h1>

<div class="box-container">

<div class="box">
<img src="my.jpg" alt="">
</div>

<div class="box">
<img src="my.jpg" alt="">
</div>

<div class="box">
<img src="my.jpg" alt="">
</div>


</div>

</section>

<!-- portfolio section ends -->

<!-- contact section starts -->

<section class="contact" id="contact">

<h1 class="heading"> <span>contact</span> me </h1>

<div class="row">

<div class="content">

<h3 class="title">contact info</h3>

<div class="info">
<h3> <i class="fas fa-envelope"></i> Prashant@gmail.com </h3>
<h3> <i class="fas fa-phone"></i> +123-456-7890 </h3>
<h3> <i class="fas fa-phone"></i> +111-222-3333 </h3>
<h3> <i class="fas fa-map-marker-alt"></i> Jaipur, india </h3>
</div>

</div>

<form action="">

<input type="text" placeholder="name" class="box">
<input type="email" placeholder="email" class="box">
<input type="text" placeholder="project" class="box">
<textarea name="" id="" cols="30" rows="10" class="box message" placeholder="message"></textarea>
<button type="submit" class="btn"> send <i class="fas fa-paper-plane"></i> </button>

</form>

</div>

</section>

<!-- contact section ends -->


<!-- scroll top button -->

<a href="#home" class="top">
<img src="images/scroll-top-img.png" alt="">
</a>















<!-- jquery cdn link -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- custom js file link -->
<script src="js/script.js"></script>


</body>
</html>
Binary file added my.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 38 additions & 0 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
$(document).ready(function(){

$('#menu').click(function(){
$(this).toggleClass('fa-times');
$('header').toggleClass('toggle');
});

$(window).on('scroll load',function(){

$('#menu').removeClass('fa-times');
$('header').removeClass('toggle');

if($(window).scrollTop() > 0){
$('.top').show();
}else{
$('.top').hide();
}

});

// smooth scrolling

$('a[href*="#"]').on('click',function(e){

e.preventDefault();

$('html, body').animate({

scrollTop : $($(this).attr('href')).offset().top,

},
500,
'linear'
);

});

});
Loading