Skip to content

Commit

Permalink
Merge pull request #11 from HimangsKalita/portfolio
Browse files Browse the repository at this point in the history 
Added himangshu.html portfolio to issue #1
  • Loading branch information
@RITEKROUNAK
RITEKROUNAK committed Oct 1, 2021
2 parents 8f7def2 + a780873 commit 93b89a5
Showing 1 changed file with 184 additions and 0 deletions.
184 changes: 184 additions & 0 deletions html/himangskalita.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
<!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>Himangshu Kalita</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">HimangsKalita</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 Himangshu</h1>
<h4>Front-end Web Developer</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">Coding & Design</h4>
<p data-aos="fade-left">I'm <strong>Himangshu</strong> from <b>Assam, India🇮🇳 </b>. like coding on
<b>HTML & CSS, JavaScipt</b> and <b> TypeScript</b>. Currently I am a student at B.Tech CSE faculty.</b>
</p>
<p data-aos="fade-right">I am really into <b>desgining</b> learning about UI/UX. Hence, I want to learn about it and become a <b>front-end web developer</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">PROGRAMMING</h5>
<p data-aos="fade-up">I practice on coding with meaningful comment and maintainable for team.</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">PLATFORM</h5>
<p data-aos="fade-right">I am familiar with linux command and version control system.</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">WEB DEVELOPMENT</h5>
<p data-aos="fade-left">I develop some websites with HTML & CSS.</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">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:himangshuk13@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">HimangsKalita</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>Himangshu</h5>
<h6>Front-end Web Developer</h6>
</div>
<div class="col-sm-3" data-aos="fade-up">
<h5>Email</h5>
<h6>himangshuk13@gmail.com</h6>
</div>
<div class="col-sm-3" data-aos="fade-down">
<h5>Address</h5>
<h6>India</h6>
</div>
</div>
<p> &COPY; HimangsKalita@ 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>

0 comments on commit 93b89a5

Please sign in to comment.