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

Ujjwal Kumar 964 Portfolio #25

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Ujjwal Kumar 964 Portfolio #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
1e0c29f
Delete index.html
Ujjwal-0904 Mar 29, 2023
0a5f5fc
Delete style.css
Ujjwal-0904 Mar 29, 2023
b2aa1b2
Add files via upload
Ujjwal-0904 Mar 29, 2023
48c0a08
changed details
Ujjwal-0904 Aug 5, 2023
8f3dc6f
Update.png
Ujjwal-0904 Sep 25, 2023
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 background.jpg
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.
198 changes: 143 additions & 55 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,56 +1,144 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic Portfolio Website</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<!-- We will be creating many elements in this document with some class (to add some styling later) -->
<!-- home page -->
<div id="home" class="homePage">
<div class="intro"> <!-- creating a master div to have child elements in it -->
<div class="name">Hi, I am &#60;name&#62;</div> <!-- creating a div to enter your name (edit your name here) -->
<p>Frontend developer</p> <!-- paragraph tag -->
<button class="your_button">button</button> <!-- creating a button -->
</div>
<div class="myImage"> <!-- always a good habbit to add master divs -->
<img src="https://miro.medium.com/max/3960/0*HICLyAdNSIyT0ODU.jpg" alt="MyImage"> <!-- adding a image using url -->
</div>
</div>

<!-- about me -->
<div id="aboutme" class="about"> <!-- again a master div -->
<div class="about_heading"> <!-- child div for heading -->
About me
</div>
<!-- adding a paragraph tag to write "about me", edit it and write about you -->
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum voluptates provident molestias a
animi facilis iusto voluptatum repellat eligendi consequatur distinctio placeat mollitia veritatis
recusandae, ad, quasi commodi enim quos! Quasi aspernatur veniam, blanditiis sint necessitatibus dicta
libero voluptatibus reiciendis asperiores nemo maiores ducimus corrupti magnam error voluptatum ab velit.
</p>
</div>

<!-- contact -->
<div id="contact" class="contact_sec"> <!-- adding a master div again -->
<div class="contact_heading">
Contact Me <!-- adding a chiid div for heading -->
</div>
<div class="contact_info">
<!-- adding more divs for personal details, edit them! -->
<div class="Email">Email : <span class='data'>[email protected]</span></div>
<div class="mobile_no">Mobile no : <span class='data'>+91 XXXXXXXXXX</span></div>
<!-- adding anchor tag to directly redirect user to your profile, add links to your profile in href -->
<div class="linkdin">linkdin :<span class='data'> <a
href="https://www.linkedin.com/company/gdsc-iiit-kalyani/">Linkdin IN</a></span></div>
<div class="github">Github : <span class='data'> <a href="https://github.com/GDSC-IIIT-Kalyani">Github</a></span></div>
<div class="others">Others :<span class='data'> <a href="https://gdsc.bio.link/">BIO</a></span></div>
</div>
</body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ujjwal Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet"
href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
</head>
<body>
<!---header-->
<header>
<a href="#" class="logo">Portfolio</a>
<div class="bx bx-menu" id="menu-icon"></div>
<ul class="navlist">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skill">Skills</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</header>
<!---home-->
<section class="home" id="home">
<div class="home-text">
<h3>Hello I'm</h3>
<h1>Ujjwal Kumar Singh</h1>
<h5>A Front End Web Developer</h5>
</div>
<div class="home-img">
<img src="photo.png" alt="me">
</div>

</section>
<!---about-->
<section class="about" id="about">
<h2 class="about-title">About me</h2>
<div class="about-content">
<div class="about-img">
<img src="photo2.png" alt="me">
</div>
<div class="about-text">
<p>I am a Web and Android Developer Enthusiast.I also have keen interest in artificial intelligence and machine learning.
I keep myself learning new things and exploring attractive ways to develop a code for different projects.
</p>
</div>
</div>

</section>
<!---skills-->
<section class="skill" id="skill">
<div class="max-width">
<h2 class="title">My skills</h2>
<div class="skill-content">
<center><div class="text">My creative skills and experience</div></center>
<br><br>
<div class="bars">
<div class="info">
<span>HTML</span>
<span>90%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>CSS</span>
<span>40%</span>
</div>
<div class="line css"></div>
</div>
<div class="bars">
<div class="info">
<span>JavaScript</span>
<span>20%</span>
</div>
<div class="line javascript"></div>
</div>
<div class="bars">
<div class="info">
<span>PHP</span>
<span>5%</span>
</div>
<div class="line php"></div>
</div>
</div>
</section>
<!--education------>
<section class="education" id="education">
<div class="max-width">
<h2 class="title">My Educatioin</h2>
<div class="education-content">
<h2 class="text1">Secondary school</h2>
<p class="content">I persuaded my higher secondary school from <a href="http://davwalmi.com/" class="link">DAV Public School, Walmi</a>.
I scored 96% in CBSE Board exam.</p>
<br><br><br>
<h2 class="text1">Senior Secondary School</h2>
<p class="content">I persuaded my senior secondary school from <a href="https://www.hmsspatna.org/" class="link">Holy Mission school, patna.</a>
I scored 94.5% in CBSE Board exam. </p>
<br><br><br>
<h2 class="text1">Graduation</h2>
<p class="content">I am studying in Indian Institue of Information Technology,Kalyani <a href="https://iiitkalyani.ac.in/" class="link">(IIIT Kalyani)</a> and completing
B.Tech four years course in Computer Scince and Engineering and will complete my
graduation in year 2026. </p>
<br><br><br>
<h2 class="text1">Additonal Achievements</h2>
<p class="content"> I have qualified National Talent Search Examination and is now a NTSE scholar .
I have also qualified in mathematics olympiad.</p>
</div>
</div>
</section>
<!---contact-->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact Me</h2>
<div class="container">
<div class="row">
<div class="contact-left">
<p><i class='bx bx-envelope'></i>[email protected]</p>
<p><i class='bx bx-phone'></i>7543932088</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/ujjwal-kumar-singh-aa8b93258"><i class='bx bxl-linkedin-square'></i></a>
<a href="https://twitter.com/Ujjwal2709?t=O8DKN6z_Uwx_VDa6SBlVaQ&s=08"><i class='bx bxl-twitter'></i></a>
<a href="https://instagram.com/uks0904?igshid=ZDdkNTZiNTM="><i class='bx bxl-instagram'></i></a>
<a href="https://discord.gg/Dt7B8gPs"><i class='bx bxl-discord-alt'></i></a>
</div>
</div>
<div class="contact-right">
<form action="">
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="Message" rows="6" placeholder="Your Message"></textarea>
<button type="submit" class="btn btn2">submit</button>
</form>
</div>
</div>
</div>
</div>

</div>
</section>
</body>
</html>
Binary file added photo.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