Skip to content
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.

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

Md Waziuddin Portfolio #23

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
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
Binary file added portfoliowebsite/Pictures/Camera Roll/desktop.ini
Binary file not shown.
Binary file added portfoliowebsite/Pictures/Saved Pictures/desktop.ini
Binary file not shown.
Binary file added portfoliowebsite/Pictures/Screenshots/desktop.ini
Binary file not shown.
2 changes: 2 additions & 0 deletions portfoliowebsite/Pictures/desktop.ini
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
[.ShellClassInfo]
LocalizedResourceName=@%SystemRoot%\system32\windows.storage.dll,-21779
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 portfoliowebsite/images/download.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
236 changes: 236 additions & 0 deletions portfoliowebsite/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,236 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Portfolio Website</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://code.jquery.com/jquery-3.6.4.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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>

</head>
<body>
<div class="scroll-up-btn">
<i class="fas 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" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#passion" class="menu-btn">Passion</a></li>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#education" class="menu-btn">Education</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fas 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, my name is</div>
<div class="text-2">Md Waziuddin</div>
<div class="text-3">And I am a <span class="typing"></span></div>
<a href="#">Know About 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/IMG_20230309_202256_345.jpg" alt="">
</div>
<div class="column right">
<div class="text">I'm Md Waziuddin and I'm a <span class="typing-2"></span></div>
<p> I am Md Waziuddin , from Howrah , West Bengal , India persuing B.Tech in Computer Science and Engineering from IIIT Kalyani . I love to explore different field and domains in technical world . My areas of interest includes web development , competitive coding , android development. I am an aspiring software developer.</p>
<a href="#">Download CV</a>
</div>
</div>
</div>
</section>
<!-- passion section start -->
<section class="passion" id="passion">
<div class="max-width">
<h2 class="title">My Passion</h2>
<div class="pass-content">
<div class="card">
<div class="box">
<i class="fas fa-paint-brush"></i>
<div class="text">Web Design</div>
<p> Passionate about web design</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-chart-line"></i>
<div class="text">Competetive Programming</div>
<p> Program solving skills </p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-code"></i>
<div class="text">Apps Design</div>
<p> Passionate about apps design , android development </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">
<div class="text">Coding languages which I know.</div>
<p> These are the coding languages which I know so far , still learning to get more better at these . </p>
<a href="#">Read more</a>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>HTML</span>
<span>70%</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>70%</span>
</div>
<div class="line javascript"></div>
</div>
<div class="bars">
<div class="info">
<span>C </span>
<span>80%</span>
</div>
<div class="line c"></div>
</div>
<div class="bars">
<div class="info">
<span>C++</span>
<span>50%</span>
</div>
<div class="line cpp"></div>
</div>
<div class="bars">
<div class="info">
<span>Java</span>
<span>50%</span>
</div>
<div class="line java"></div>
</div>
</div>
</div>
</div>
</section>

<!-- education section start -->
<section class="education" id="education">
<div class="max-width">
<h2 class="title">My Education</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="images/download.png" alt="">
<div class="text">IIIT KALYANI</div>
<p>B.Tech in Computer Science and Engineering (2022-26)</p>
</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>
<p> Contact Details : </p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Md Waziuddin</div>
</div>
</div>
<div class="row">
<i class="fas fa-map-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title">Howrah, India</div>
</div>
</div>
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">[email protected]</div>
</div>
</div>
</div>
</div>
<div class="column right">
<div class="text">Message me</div>
<form action="#">
<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="Describe project.." 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 <a href="#">Md Waziuddin</a> | <span class="far fa-copyright"><span> 2023 All rights reserved.</span>
</footer>

<script src="script.js"></script>
</body>
</html>
62 changes: 62 additions & 0 deletions portfoliowebsite/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
$(document).ready(function(){
$(window).scroll(function(){
if(this.scrollY > 20){
$('.navbar').addClass("sticky");
}else{
$('.navbar').removeClass("sticky");
}
if(this.scroll > 500){
$('.scroll-up-btn').addClass("show");
}else{
$('.scroll-up-btn').removeClass("show");
}
});

// slide-up script
$('.scroll-up-btn').click(function(){
$('html').animate({scrollTop: 0});
});

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

//typing animation script
var typed =new Typed(".typing",{
strings: ["Programmer","Student","Developer"],
typeSpeed: 100,
backSpeed: 60,
loop: true
})

var typed =new Typed(".typing-2",{
strings: ["Programmer","Student","Developer"],
typeSpeed: 100,
backSpeed: 60,
loop: true
})

// owl carousel script
$('.carousel').owlCarousel({
margin: 20,
loop: true,
autoplayTimeOut: 2000,
autoplayHoverPause: true,
responsive: {
0:{
items: 1,
nav: false
},
}








});
});
638 changes: 638 additions & 0 deletions portfoliowebsite/style.css

Large diffs are not rendered by default.