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

Add files via upload #7

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Add files via upload #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0f67faf
Add files via upload
Shirsha02 Jul 20, 2020
b6b4b72
Add files via upload
Shirsha02 Jul 20, 2020
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 Portfolio-Websites/C++.png
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.
Binary file added Portfolio-Websites/C.png
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.
Binary file added Portfolio-Websites/SHIRSHA.rar
View file
Open in desktop
Binary file not shown.
Binary file added Portfolio-Websites/SirsaChakraborty_InternshalaResume.pdf
View file
Open in desktop
Binary file not shown.
Binary file added Portfolio-Websites/boot.png
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.
Binary file added Portfolio-Websites/capture1.png
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.
Binary file added Portfolio-Websites/css.png
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.
Binary file added Portfolio-Websites/html.png
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.
Binary file added Portfolio-Websites/image2.jpeg
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.
282 changes: 282 additions & 0 deletions Portfolio-Websites/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,282 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<title>My Portfolio</title>
</head>
<body>
<div class="container-fluid">
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#newsMenu" aria-controls="newsMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" style="color: white">Menu</span>
</button>
<div class="collapse navbar-collapse" id="newsMenu">
<div class="navbar-nav" style="background-color : black; color: white">

<a class="nav-item nav-link text-center" href="#" style="color: white">Home</a>
<a class="nav-item nav-link text-center" href="#aboutme" style="color: white">About Me</a>
<a class="nav-item nav-link text-center" href="#skills" style="color: white;">Skills</a>
<a class="nav-item nav-link text-center" href="#projects" style="color: white;">Projects</a>
<a class="nav-item nav-link text-center" href="#footer" style="color: white;">Reach Me</a>
</div>
</div>
</nav>
<!--/.Navbar-->
<div class="row">
<div class="col-md-12">
<div class="img">
<img id="banner-image" class="img-fluid" src="https://www.dannyharper2.com/go-canes/images/Graphic-Design-background-edited-2.png">
</div>
<div class="banner-title">
<div class="text-center">
<marquee behavior="" direction="" style="color: white; margin-top: 2%;">Sirsa Chakraborty</marquee>
</div>

<script>
function scroll(pos)
{

var txt = "Sirsa Chakraborty";
var output = "";
var screen = document.getElementById("wordscroller");
for (var i = 0; i < pos; i++)
{
output += txt.charAt(i);
}
output += txt.charAt(pos);
screen.innerHTML = output;
pos++;
if (pos != txt.length)
{
window.setTimeout(function () { scroll(pos); }, 400);
}
else
{
window.setTimeout(function () { scroll(0); }, 500);
}
}
scroll(0);
</script>
</div>
</div>
</div>
</div>
<br>
<br>
<!--Carousel Wrapper-->

<div id="carousel-example-2" class="carousel slide carousel-fade" data-ride="carousel">
<!--Indicators-->
<ol class="carousel-indicators">
<li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-2" data-slide-to="1"></li>
</ol>
<!--Indicators-->
<!--Slides-->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="view">
<img class="d-block w-100" src="https://wallpaperplay.com/walls/full/8/7/6/164609.jpg"
alt="First slide">
<div class="mask rgba-black-light "></div>
</div>
<div class="carousel-caption">
<h3 class="h3-responsive ">Sirsa Chakraborty</h3>
<p class="text-white-50 bg-dark">WEB DEVELOPER</p>
</div>
</div>
<div class="carousel-item">
<!--Mask color-->
<div class="view">
<img class="d-block w-100" src="https://wallpaperplay.com/walls/full/d/f/a/164621.jpg"
alt="Second slide">
<div class="mask rgba-black-strong"></div>
</div>
<div class="carousel-caption">
<h3 class="h3-responsive">Sirsa Chakraborty</h3>
<p class="text-white-50 bg-dark">STUDENT</p>
</div>
</div>

<!--/.Slides-->
<!--Controls-->
<a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--Controls-->
<br>
<br>

<!--About-->
<div class="row">
<div class="col-md-12">
<div class="jumbotron" id="aboutme">
<h2 class="display-4" style="text-align: center;">ABOUT ME</h2>
<hr class="my-4">
<div class="row">
<div class="col-md-5">
<img src="image2.jpeg" alt="hoverable" class="img-fluid rounded-circle hoverable">
</div>
<div class="col-md-6" style="margin: 10px;">
<p>Hey there,<br>
This is Sirsa Chakraborty from West Bengal,India.<br>
I am currently pursuing Computer Science Engineering at KIIT University. <br>
<br>
Web Designing and Development isn't too easy but I know how to make it handy!
<br>
<p class="font-italic">You want to craft your ideas and bring them to life and want a mint of creativity then wait no more and...<br></p>


<b> Contact Me </b></p>
<a href="SirsaChakraborty_InternshalaResume.pdf" download="Resume">
<button class="btn btn-primary">Resume</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!--About-->
<hr>
<!--Skills-->
<div class="skills-title" id="skills">
<p style="text-align: center"> <h1><b> My Skills </b></h1> </p>
</div>

<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-xs-5 col-sm-6 col-md-3">
<img src="html.png" alt="hoverable" class="img-fluid rounded-circle hoverable">
</div>
<div class="col-xs-5 col-sm-6 col-md-3">
<img src="css.png" alt="" class="img-fluid rounded-circle hoverable" style="margin-bottom: 1%;">
</div>
<div class="col-xs-5 col-sm-6 col-md-3">
<img src="js.png" alt="" class="img-fluid rounded-circle hoverable" style="margin-bottom: 1%;">
</div>
<div class="col-xs-5 col-sm-6 col-md-3">
<img src="boot.png" alt="">
</div>

<div class="col-xs-5 col-sm-6 col-md-3">
<img src="C.png" alt="" class="img-fluid rounded-circle hoverable" style="margin-bottom: 1%;">
</div>
<div class="col-xs-5 col-sm-6 col-md-3">
<img src="C++.png" alt="" class="img-fluid rounded-circle hoverable" style="margin-bottom: 1%;">
</div>

</div>

</div>
</div>
<!--Skills-->

<!--Projects-->
<div class="row" id="projects" style="margin-top: 4%;">
<div class="col-md-12">
<h4 class="text-center" style="font-size: 2em;"><b>Projects</b></h4>
<hr class="my-4">
</div>
</div>

<div class="row mt-2">
<div class="col-md-6">
<img src="capture1.png" id="food" alt="" class="img-fluid" style="border: 2px solid black; padding: 1%; margin-bottom: 1%;">
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<h1>Mobile Responsive Food Bonaza</h1>
<br>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>This is made using HTML,CSS,Javascript and Bootstrap Framework.
<br>
<br> Features like navbar-collapse, carousel, cards, form has been used
</p>

</div>
</div>
</div>
</div>

<!--Projects-->

<!--Contact-->
<div class="row" id="contact">
<div class="col-md-12" id="footer">
<footer class="page-footer font-small id" style="background-color : black; color: white;">
<!-- Footer Text -->
<div class="container-fluid text-center text-md-left">

<!-- Grid row -->
<div class="row">

<!-- Grid column -->
<div class="col-md-6 mt-md-0 mt-3">

<!-- Content -->
<h5 class="text-uppercase font-weight-bold">GET IN TOUCH</h5>
<p> Sirsa Chakraborty<br>
+91 7595828424<br>
[email protected] <br>
Kolkata,West Bengal

</p>

</div>
<!-- Grid column -->

<hr class="clearfix w-100 d-md-none pb-3">

<!-- Grid column -->
<div class="col-md-6 mb-md-0 mb-3">

<!-- Content -->
<h5 class="text-uppercase font-weight-bold">Social Media</h5>
<a href="https://m.facebook.com/shirsha.chakraborty.02"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a>
<br>

<a href="https://linkedin.com/in/shirsha-chakraborty-b639aa190"><i id="social-tw" class="fa fa-linkedin-square fa-3x social"></i></a>

</div>
<!-- Grid column -->

</div>
<!-- Grid row -->

</div>
<!-- Copyright -->

</footer>
<!--Contact-->
</div>
</div>

</div>

</div>

</body>

</html>

Binary file added Portfolio-Websites/js.png
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.
Loading