Skip to content
New issue

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

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

Already on GitHub? # to your account

added #148

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

added #148

Show file tree
Hide file tree
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
3 changes: 3 additions & 0 deletions Task2/.vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
Binary file added Task2/Portfolio/img/CALCULATOR.jpg
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 Task2/Portfolio/img/SNAKE.jfif
Binary file not shown.
Binary file added Task2/Portfolio/img/kc.jpg
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 Task2/Portfolio/img/mACHINE_LEARNING.jpg
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 Task2/Portfolio/img/pic.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
90 changes: 45 additions & 45 deletions Task2/Portfolio/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -76,15 +76,15 @@ <h1 class="m-0 display-5"><span class="text-primary">Hacktober</span>Fest</h1>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 px-5 pl-lg-0 pb-5 pb-lg-0">
<img class="img-fluid w-100 rounded-circle shadow-sm" src="img/profile.png" alt="">
<img class="img-fluid w-100 rounded-circle shadow-sm" src="img/pic.jpeg" alt="">
</div>
<div class="col-lg-7 text-center text-lg-left">
<h3 class="text-white font-weight-normal mb-3">I'm</h3>
<h1 class="display-3 text-uppercase text-primary mb-2" style="-webkit-text-stroke: 2px #ffffff;">Your Name</h1>
<h1 class="display-3 text-uppercase text-primary mb-2" style="-webkit-text-stroke: 2px #ffffff;">Koushiki Chakrabarti</h1>
<h1 class="typed-text-output d-inline font-weight-lighter text-white"></h1>
<div class="typed-text d-none">Web Developer, Domain 2, Domain 3, Domain 4</div>
<div class="typed-text d-none">Web Developer|competitive Programmer</div>
<div class="d-flex align-items-center justify-content-center justify-content-lg-start pt-5">
<a href="#" class="btn btn-outline-light mr-5">Download CV</a>
<a href="https://drive.google.com/file/d/1agW3gpcnqMJY11t5CfKB3E8lWPWbJAVv/view?usp=sharing" class="btn btn-outline-light mr-5">Download CV</a>
</div>
</div>
</div>
Expand All @@ -102,22 +102,22 @@ <h1 class="position-absolute text-uppercase text-primary">About Me</h1>
</div>
<div class="row align-items-center">
<div class="col-lg-5 pb-4 pb-lg-0">
<img class="img-fluid rounded w-100" src="img/about.png" alt="">
<img class="img-fluid rounded w-100" src="img/kc.jpg" alt="">
</div>
<div class="col-lg-7">
<h3 class="mb-4">Web Developer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione provident enim ipsam deleniti autem minima eligendi libero eum fugiat quidem in debitis, iure ab ducimus? Odio non quam perferendis laudantium similique, velit corrupti impedit facilis mollitia rem accusamus voluptatibus animi recusandae iusto porro, rerum asperiores!</p>
<h3 class="mb-4">A neophyte in this field!</h3>
<p>Hello! I am Koushiki Chakrabarti from Bit,Mesra.I am in 2nd year of Integrated Masters of Science(Mathematics and computing).I am currently exploring as well as working on some of my skills which I developed recently. </p>
<div class="row mb-3">
<div class="col-sm-6 py-2"><h6>Name: <span class="text-secondary">NAME</span></h6></div>
<div class="col-sm-6 py-2"><h6>Birthday: <span class="text-secondary">1 April 1990</span></h6></div>
<div class="col-sm-6 py-2"><h6>Degree: <span class="text-secondary">Your Highest Education</span></h6></div>
<div class="col-sm-6 py-2"><h6>Name: <span class="text-secondary">Koushiki Chakrabarti</span></h6></div>
<div class="col-sm-6 py-2"><h6>Birthday: <span class="text-secondary">24 September,2002</span></h6></div>
<div class="col-sm-6 py-2"><h6>Degree: <span class="text-secondary">Undergraduate</span></h6></div>
<!-- <div class="col-sm-6 py-2"><h6>Experience: <span class="text-secondary">10 Years</span></h6></div> -->
<div class="col-sm-6 py-2"><h6>Phone: <span class="text-secondary">+012 345 6789</span></h6></div>
<div class="col-sm-6 py-2"><h6>Email: <span class="text-secondary">info@example.com</span></h6></div>
<div class="col-sm-6 py-2"><h6>Address: <span class="text-secondary">123 Street, New York, USA</span></h6></div>
<div class="col-sm-6 py-2"><h6>Phone: <span class="text-secondary">+91 9083522991</span></h6></div>
<div class="col-sm-6 py-2"><h6>Email: <span class="text-secondary">koushikichakrabarti@gmail.com</span></h6></div>
<div class="col-sm-6 py-2"><h6>Address: <span class="text-secondary">Durgapur,West-Bengal,India</span></h6></div>
<!-- <div class="col-sm-6 py-2"><h6>Freelance: <span class="text-secondary">Available</span></h6></div> -->
</div>
<a href="" class="btn btn-outline-primary">Learn More</a>
<a href=" https://kc2409.github.io/portfolio/" class="btn btn-outline-primary">Learn More</a>
</div>
</div>
</div>
Expand All @@ -138,21 +138,21 @@ <h3 class="mb-4">My Education</h3>
<div class="border-left border-primary pt-2 pl-4 ml-2">
<div class="position-relative mb-4">
<i class="far fa-dot-circle text-primary position-absolute" style="top: 2px; left: -32px;"></i>
<h5 class="font-weight-bold mb-1">Education Name</h5>
<p class="mb-2"><strong>Education Institute</strong> | <small>2000 - 2050</small></p>
<p>Tempor eos dolore amet tempor dolor tempor. Dolore ea magna sit amet dolor eirmod. Eos ipsum est tempor dolor. Clita lorem kasd sed ea lorem diam ea lorem eirmod duo sit ipsum stet lorem diam</p>
<h5 class="font-weight-bold mb-1">Integrated Master of Science,Mathematics and computing</h5>
<p class="mb-2"><strong>Birla Institute of Technology,Mesra</strong> | <small>2020 - 2025</small></p>
<p>Currently in my 2nd year.</p>
</div>
<div class="position-relative mb-4">
<i class="far fa-dot-circle text-primary position-absolute" style="top: 2px; left: -32px;"></i>
<h5 class="font-weight-bold mb-1">Education Name</h5>
<p class="mb-2"><strong>Education Institute</strong> | <small>2000 - 2050</small></p>
<p>Tempor eos dolore amet tempor dolor tempor. Dolore ea magna sit amet dolor eirmod. Eos ipsum est tempor dolor. Clita lorem kasd sed ea lorem diam ea lorem eirmod duo sit ipsum stet lorem diam</p>
<h5 class="font-weight-bold mb-1">12th standard(CBSE)</h5>
<p class="mb-2"><strong>DAV-MODEL SCHOOL,DURGAPUR</strong> | <small>2018 - 2020</small></p>
<p>Studied Physics,Chemistry and maths with computer as my optional additional subject.Passed my 12th exam with 95% marks</p>
</div>
<div class="position-relative mb-4">
<i class="far fa-dot-circle text-primary position-absolute" style="top: 2px; left: -32px;"></i>
<h5 class="font-weight-bold mb-1">Education Name</h5>
<p class="mb-2"><strong>Education Institute</strong> | <small>2000 - 2050</small></p>
<p>Tempor eos dolore amet tempor dolor tempor. Dolore ea magna sit amet dolor eirmod. Eos ipsum est tempor dolor. Clita lorem kasd sed ea lorem diam ea lorem eirmod duo sit ipsum stet lorem diam</p>
<h5 class="font-weight-bold mb-1">10th Standard(ICSE)</h5>
<p class="mb-2"><strong>Carmel Convent High School,MAMC,DURGAPUR</strong> | <small>2006 - 2018</small></p>
<p> Well,I spent the best 14 years of my life over there, learning lots from the teachers and Sisters.I passed my 10th exam with 95% of marks.</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -196,7 +196,7 @@ <h1 class="position-absolute text-uppercase text-primary">My Skills</h1>
<div class="col-md-6">
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<h6 class="font-weight-bold">Skill 1</h6>
<h6 class="font-weight-bold">HTML</h6>
<h6 class="font-weight-bold">95%</h6>
</div>
<div class="progress">
Expand All @@ -205,7 +205,7 @@ <h6 class="font-weight-bold">95%</h6>
</div>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<h6 class="font-weight-bold">Skill 2</h6>
<h6 class="font-weight-bold">CSS</h6>
<h6 class="font-weight-bold">85%</h6>
</div>
<div class="progress">
Expand All @@ -214,8 +214,8 @@ <h6 class="font-weight-bold">85%</h6>
</div>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<h6 class="font-weight-bold">Skill 3</h6>
<h6 class="font-weight-bold">90%</h6>
<h6 class="font-weight-bold">JAVASCRIPT</h6>
<h6 class="font-weight-bold">60%</h6>
</div>
<div class="progress">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
Expand All @@ -225,26 +225,26 @@ <h6 class="font-weight-bold">90%</h6>
<div class="col-md-6">
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<h6 class="font-weight-bold">Skill 4</h6>
<h6 class="font-weight-bold">90%</h6>
<h6 class="font-weight-bold">C++</h6>
<h6 class="font-weight-bold">80%</h6>
</div>
<div class="progress">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<h6 class="font-weight-bold">Skill 5</h6>
<h6 class="font-weight-bold">95%</h6>
<h6 class="font-weight-bold">PYTHON</h6>
<h6 class="font-weight-bold">75%</h6>
</div>
<div class="progress">
<div class="progress-bar bg-dark" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<h6 class="font-weight-bold">Skill 6</h6>
<h6 class="font-weight-bold">85%</h6>
<h6 class="font-weight-bold">C PROGRAMMING</h6>
<h6 class="font-weight-bold">70%</h6>
</div>
<div class="progress">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
Expand All @@ -269,24 +269,24 @@ <h1 class="position-absolute text-uppercase text-primary">My Projects</h1>
<div class="row">
<div class="col-lg-4 mb-5">
<div class="position-relative mb-4">
<img class="img-fluid rounded w-100" src="img/blog-1.jpg" alt="">
<img class="img-fluid rounded w-100" src="img/mACHINE_LEARNING.jpg" alt="" style="height: 350px;">
</div>
<h5 class="font-weight-medium mb-4">Rebum lorem no eos ut ipsum diam tempor sed rebum elitr ipsum</h5>
<a class="btn btn-sm btn-outline-primary py-2" href="">Read More</a>
<h5 class="font-weight-medium mb-4">My first project : A basic project on Machine Learning</h5>
<a class="btn btn-sm btn-outline-primary py-2" href="https://github.com/kc2409/DSProject.git">ML project project</a>
</div>
<div class="col-lg-4 mb-5">
<div class="position-relative mb-4">
<img class="img-fluid rounded w-100" src="img/blog-2.jpg" alt="">
<img class="img-fluid rounded w-100" src="img/CALCULATOR.jpg" alt="">
</div>
<h5 class="font-weight-medium mb-4">Rebum lorem no eos ut ipsum diam tempor sed rebum elitr ipsum</h5>
<a class="btn btn-sm btn-outline-primary py-2" href="">Read More</a>
<h5 class="font-weight-medium mb-4">My second project: A Calculator</h5>
<a class="btn btn-sm btn-outline-primary py-2" href="https://github.com/kc2409/calculator.git">Calculator</a>
</div>
<div class="col-lg-4 mb-5">
<div class="position-relative mb-4">
<img class="img-fluid rounded w-100" src="img/blog-3.jpg" alt="">
<img class="img-fluid rounded w-100" src="img/SNAKE.jfif" alt="">
</div>
<h5 class="font-weight-medium mb-4">Rebum lorem no eos ut ipsum diam tempor sed rebum elitr ipsum</h5>
<a class="btn btn-sm btn-outline-primary py-2" href="">Read More</a>
<h5 class="font-weight-medium mb-4">My third project: Snake game</h5>
<a class="btn btn-sm btn-outline-primary py-2" href="https://github.com/kc2409/snake_game.git">Snake Game</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -348,10 +348,10 @@ <h1 class="position-absolute text-uppercase text-primary">Contact Me</h1>
<div class="d-flex justify-content-center mb-4">
<a class="btn btn-light btn-social mr-2" href="#"><i class="fab fa-twitter"></i></a>
<a class="btn btn-light btn-social mr-2" href="#"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-light btn-social mr-2" href="#"><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-light btn-social" href="#"><i class="fab fa-instagram"></i></a>
<a class="btn btn-light btn-social mr-2" href="https://www.linkedin.com/in/koushiki/"><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-light btn-social" href="https://www.instagram.com/koushiki_brishti/"><i class="fab fa-instagram"></i></a>
</div>
<p class="m-0">&copy; All Rights Reserved. Designed by <a class="text-white font-weight-bold" href="#">Your Name</a>
<p class="m-0">&copy; All Rights Reserved. Designed by <a class="text-white font-weight-bold" href="#">Koushiki</a>
</p>
</div>
</div>
Expand Down