-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e42df2a
commit 8dd9ff3
Showing
11 changed files
with
752 additions
and
0 deletions.
There are no files selected for viewing
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.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,192 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Portfolio - Sanglap Halder</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="main"> | ||
| <header> | ||
| <nav class="navbar"> | ||
| <a href="#" class="logo"> | ||
| <h3>Portfolio</h3> | ||
| </a> | ||
| <ul class="navlinks"> | ||
| <li><a href="#">Home</a></li> | ||
| <li><a href="#page1">About</a></li> | ||
| <li><a href="#page2">Skills</a></li> | ||
| <li><a href="#page3">Projects</a></li> | ||
| <li><a href="#page4">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
| <section id="home"> | ||
| <div class="image"> | ||
| <img src="assets/dpimg.jpg" alt="Sanglap Halder img"> | ||
| </div> | ||
| <div class="myDescription"> | ||
| <div class="introduction"> | ||
| <h3>Hey there, I'm</h3> | ||
| <h1>Sanglap Halder</h1> | ||
| <h3>I'm a <span class="autoType"></span></h3><br> | ||
| I am Frontend Web Developer expertise is to create and design websites & a Coder skilled in C++ and | ||
| C Programming language | ||
| </div> | ||
| <div class="accounts"> | ||
| <a href="https://www.linkedin.com/in/sanglap-halder/" target="_blank"><img | ||
| src="assets/linkedin img.png"></a> | ||
| | ||
| <a href="https://github.com/Sanglap-Halder" target="_blank"><img src="assets/github img.png"></a> | ||
| | ||
| <a href="assets/facebook img.webp" target="_blank"><img | ||
| src="https://freelogopng.com/images/all_img/1657548084facebook-logo-png.png" | ||
| alt="Open Facebook"></a> | ||
| </div> | ||
| <div class="me"> | ||
| <a href="#page1"><button>More About Me</button></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script> | ||
| <script> | ||
| var typed = new Typed(".autoType", { | ||
| strings: ["Student", "Web Developer", "Coder", "Open-source Contributor"], | ||
| typeSpeed: 100, | ||
| backSpeed: 100, | ||
| loop: true | ||
| }) | ||
| </script> | ||
|
|
||
| <section id="page1"> | ||
| <div class="about"> | ||
| <h2><u>About Me</u></h2> <br> | ||
| <p>My name is Sanglap Halder, currently pursuing a Bachelor's degree in Electronics and | ||
| Communication | ||
| Engineering at Jalpaiguri Government Engineering College. In my academic journey, I have | ||
| immersed | ||
| myself in the fascinating realms of coding and web development. This journey is not just about | ||
| acquiring knowledge; it is a deliberate commitment to stay at the forefront of technological | ||
| advancements. Each coding project I undertake is an opportunity to exercise a unique | ||
| problem-solving | ||
| mindset, deriving immense satisfaction from crafting innovative and efficient solutions. Beyond | ||
| the | ||
| academic sphere, I actively engage in networking, connecting with fellow students, alumni, and | ||
| seasoned professionals. This endeavor is not just a pursuit of connections but a strategic | ||
| effort to | ||
| explore new avenues and experiences. It is within these connections that I see the potential for | ||
| meaningful collaborations and exponential personal growth. My ultimate goal is to seamlessly | ||
| apply | ||
| my evolving skills to real-world challenges. I am eager to explore diverse opportunities and | ||
| collaborations, recognizing each interaction as a chance for meaningful contributions and | ||
| extensive | ||
| learning.</p> | ||
| </div> | ||
| <div class="cv segment"> | ||
| <a href=""><button>Download CV</button></a> | ||
| </div> | ||
| <div class="education segment"> | ||
| <h3><u> My Education </u></h3> | ||
| <div class="eduboxes"> | ||
| <div class="edubox"> | ||
| <b><u> B-Tech </u></b> <br><br> | ||
| <p>Branch: Electronics and Communication Engineering <br> | ||
| From: Jalpaiguri Government Engineering College <br> | ||
| Session: 2023 to 2027</p> | ||
| </div> | ||
| <div class="edubox"> | ||
| <b><u> Higher Secondary </u></b> <br><br> | ||
| <p>Branch: Science <br> | ||
| From: Fatepur Sreenath Institution <br> | ||
| Session: 2021 to 2023</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section id="page2"> | ||
| <h2><u>Skills</u></h2><br> | ||
| <div class="skills"> | ||
| <div class="techskills"> | ||
| <h3><u> Technical Skills </u></h3><br> | ||
| <ul> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 80%;">HTML</div> | ||
| </li> <br> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 70%;">CSS</div> | ||
| </li> <br> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 50%;">C++</div> | ||
| </li> <br> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 50%;">C language</div> | ||
| </li> <br> | ||
| </ul> | ||
| </div> | ||
| <div class="softskills"> | ||
| <h3><u> Soft Skills </u></h3><br> | ||
| <ul> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 80%;">Team Work</div> | ||
| </li> <br> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 35%;">Communication</div> | ||
| </li> <br> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 60%;">Creativity</div> | ||
| </li> <br> | ||
| <li class="skill"> | ||
| <div class="skillname" style="width: 50%;">Problem Solving</div> | ||
| </li> <br> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section id="page3"> | ||
| <h2><u>Projects</u></h2><br> | ||
| <div class="projects"> | ||
| <div class="project"> | ||
| <img src="assets/TastyTraditions img.png" alt=""> | ||
| <a href="https://sanglap-halder.github.io/restaurant_website/" target="_blank" class="description"> | ||
| <h4>Restaurant Website</h4><br> | ||
| I have designed a cool website for a restaurant using HTML and CSS, where you can check out the | ||
| menu and stuff ! | ||
| </a> | ||
| </div> | ||
| <div class="project"> | ||
| <img src="assets/NETFLIX Clone img.png" alt=""> | ||
| <a href="https://sanglap-halder.github.io/NETFLIX-Clone/" target="_blank" class="description"> | ||
| <h4>NETFLIX Clone Website</h4><br> | ||
| Explore my website that I have made using HTML and CSS and it mirrors the look and feel of | ||
| NETFLIX ! | ||
| </a> | ||
| </div> | ||
| <div class="project"> | ||
| <img src="assets/Portfolio img.png" alt=""> | ||
| <a href="https://sanglap-halder.github.io/NETFLIX-Clone/" target="_blank" class="description"> | ||
| <h4>My Portfolio</h4><br> | ||
| Discover my Portfolio Website - a showcase of my skills, projects, and my passion for web | ||
| development, all in one place | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section id="page4"> | ||
| <div class="container"> | ||
| <h2>Contact Me</h2> | ||
| <form action=""> | ||
| <input type="text" placeholder="Enter Your Name"> | ||
| <input type="text" placeholder="Enter Your Email"> | ||
| <input type="number" placeholder="Enter Your Phone No."> | ||
| <textarea name="Message" id="" cols="30" rows="10" placeholder="Type Your Message Here"></textarea> | ||
| </form> | ||
| <button onclick="window. location. reload()">Send</button> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.