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.

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

Jump to bottom

Added Yash Yadav Portfolio Website #8

Merged
merged 1 commit into from
Oct 1, 2021
Merged

Added Yash Yadav Portfolio Website #8

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
193 changes: 193 additions & 0 deletions html/yashyadav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,193 @@
<!Doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&family=Cinzel:wght@500&family=Gentium+Basic&family=Merriweather:wght@700&family=Raleway&family=Texturina:wght@600&display=swap"
rel="stylesheet">
<title>Yash Yadav</title>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/normal.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.ritekrounak.ml/favicon.png">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="navs">
<a class="navbar-brand" href="index.html">Yash Yadav</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#desc">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Expertise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills">SKILLS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">CONTACT ME</a>
</li>
</ul>
</div>
</nav>
<section class="desc" id="desc">
<div class="content">
<h1 data-aos="fade-right">Hello There, I'm Yash</h1>
<h4>Front-End Web Developer / Digital Marketer</h4>
<button class="btn1"><a href="#contact">CONTACT ME</a></button>
</div>
</section>
<section class="about">
<div class="container" id="about">
<div class="row">
<div class="col-lg-6 one">
<img src="https://authmachine.com/static/img/home-banner.24c36218b2fe.svg" alt="Computer Picture"
data-aos="fade-up-left">
</div>
<div class="col-lg-6 two">
<h2 data-aos="fade-down">ABOUT ME</h2>
<h4 data-aos="fade-right">DIGITAL MARKETER AND WEB DEVELOPER</h4>
<p data-aos="fade-left">I'm <strong>Yash</strong> from <b>Mumbai, India</b>. I am a Front-End Web Developer and a Digital Marketer. I love to code. Currently I am pursuing
my
<b>B.Tech</b> in <b>Computer Science(CSE)</b> from<b> Manipal University Jaipur.</b>
</p>
<p data-aos="fade-right"> I have Completed My 12th class from <b>SRJC Junior College</b>. Apart
from being a Web Developer and a Digital Marketer, I am also a <b>Managing Partner</b> for a startup, <b>TheWakeInvestor.</b>
</p>
<button class="btn" data-aos="fade-down">DOWNLOAD CV</button>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<div class="container three">
<h4 data-aos="flip-left">Expertise</h4>
<h2 data-aos="flip-up">WHICH I HAVE</h2>
</div>
<div class="container four">
<div class="row">
<div class="col-md-4 five">
<i class="fa fa-laptop" aria-hidden="true" data-aos="zoom-in-down"></i>
<h5 data-aos="zoom-in">Digital Marketer</h5>
<p data-aos="fade-up">I Am A Digital Marketer By Hobby And Profession. I Have Worked On A Lot Of
Projects In It.</p>
</div>
<div class="col-md-4 five center">
<i class="fa fa-cogs" aria-hidden="true" data-aos="zoom-in-down"></i>
<h5 data-aos="zoom-in">WEB DEVELOPMENT</h5>
<p data-aos="fade-right">I Am A Web Developer And Designed A Lot Of Projects By Hobby And
Profession.</p>
</div>
<div class="col-md-4 five">
<i class="fa fa-pencil-square-o" aria-hidden="true" data-aos="zoom-in-down"></i>
<h5 data-aos="zoom-in">CONTENT WRITER</h5>
<p data-aos="fade-left">I Am A Content Writer By Hobby And Profession. I Have Written A Lot Of
Blogs and Curated Content for Various Organizations.</p>
</div>
</div>
<br>
<br>
<br>
</div>
</section>
<section class="skills" id="skills">
<h2 data-aos="fade-up">My Skills</h2>
<div class="container">
<ul class="list-group">
<li class="list-group-item" data-aos="flip-right">C++ <img
src="https://img.icons8.com/color/48/000000/c-plus-plus-logo.png" /></li>
<li class="list-group-item" data-aos="flip-right">C<img
src="https://img.icons8.com/color/48/000000/c-programming.png" /></li>
<li class="list-group-item" data-aos="flip-right">PYTHON<img
src="https://img.icons8.com/color/48/000000/python.png" /></li>
<li class="list-group-item" data-aos="flip-right">HTML<img
src="https://img.icons8.com/color/48/000000/html-5.png" /></li>

</li>
<li class="list-group-item" data-aos="flip-right">GIT<img
src="https://img.icons8.com/color/48/000000/git.png" /></li>
<li class="list-group-item last" data-aos="flip-right">MY SQL<img
src="https://img.icons8.com/ios-filled/48/000000/mysql-logo.png" /></li>
</ul>
</div>
<br>
<br>
</section>
<section class="contact" id="contact">
<div class="container">
<h4 data-aos="zoom-out">CONTACT</h4>
<h2 data-aos="flip-right">GET IN TOUCH</h2>
<form action="mailto:yashm421@gmail.com" method="post">
<input type="text" name="name" id="name" placeholder="Enter Your Name" data-aos="fade-left">
<input type="email" name="email" id="email" placeholder="Enter Your Email" data-aos="fade-up-right">
<textarea name="concern" id="conceren" rows="6" placeholder="Enter Your Concern"
data-aos="fade-down-left"></textarea>
<button class="btn" type="submit" data-aos="zoom-in-up">SEND MESSAGE</button>
</form>
</div>
</section>
<footer class="foot" id="foot">
<a href="#desc" data-aos="fade-down"><i class="fa fa-arrow-circle-up" aria-hidden="true" id="one"
style="font-size: 40px;padding-top: 10px; color: white;"></i></a>
<h2 data-aos="flip-left">Yash Yadav</h2>
<div class="container social" data-aos="zoom-in-down">
<a href="#"><i class="fa fa-twitter" aria-hidden="true" id="one"></i></a>
<a href="#"><i class="fa fa-facebook-official" aria-hidden="true" id="two"></i></a>
<a href="#"><i class="fa fa-github" aria-hidden="true" id="three"></i></a>
<a href="#"><i class="fa fa-linkedin-square" aria-hidden="true" id="four"></i></a>
<a href="#"><i class="fa fa-google-plus-official" aria-hidden="true" id="five"></i></a>
</div>
<div class="container others">
<div class="row">
<div class="col-sm-3" data-aos="fade-up">
<h5>Yash Yadav</h5>
<h6>Front-End Web Developer and Digital Marketer</h6>
</div>
<div class="col-sm-3" data-aos="fade-up">
<h5>Email</h5>
<h6>yashm421@gmail.com</h6>
</div>
<div class="col-sm-3" data-aos="fade-down">
<h5>Address</h5>
<h6>Mumbai</h6>
</div>
</div>
<p> &COPY; Yash Yadav@ 2021. ALL RIGHTS RESERVED</p>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>

</html>