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

Vivek Purbey 965 Portfolio #27

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

Vivek Purbey 965 Portfolio #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a014dcd
Delete index.html
vivi2004 Mar 30, 2023
6f32a8c
Delete style.css
vivi2004 Mar 30, 2023
734b435
Add files via upload
vivi2004 Mar 30, 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 Vivi image.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.
168 changes: 112 additions & 56 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,56 +1,112 @@
<!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>

</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> My portfolio- Vivek Kumar Purbey</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
</head>
<body>



<ul class="nav nav-underline">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">HOME </a>
</li>
<li class="nav-item1">
<a class="nav-link" href="#about">ABOUT</a>
</li>
<li class="nav-item2">
<a class="nav-link" href="#education">EDUCATION</a>
</li>
</ul>
<section id="home">
<div class="main">
<h1 class="headings"> I 'AM <br> VIVEK KUMAR PURBEY </h1>
<p> I 'm a future web developer</p>
<button class="btn">
CONTACT ME

</button>
</div>
</section>

<section id ="about" >

<h1 class="headings"> ABOUT ME</h1>
<div id ="pic">
<img src="Vivi image.jpg" alt="">
<div id = "intro">
<h3> VIVEK KUMAR PURBEY </h3>
<P> HI, THIS IS VIVEK KUMAR PURBEY from a darbhanga district of bihar .
I'AM CURRENTLY PERSUING MY BACHELOR DEGREE AT INDIAN INSTITUTE OF INFORMATION TECHNOLOGY KALYANI
I'AM A FUTURE WEB DEVELOPER ALTHOGH I HAD WORK THROUGH THIS.
AND I WANTED TO BE A WEB DEVELOPER AND APP DEVELOPER.
--------------------------MY HOBBIES IS ------------------------
<br>
I like to travel. I believe travelling gives you a new perspective to everything. You get to know a lot about the different cultures, the cuisines, their history, the language and all the small unique things every place has to offer.
</P>
</div>
</div>
</section>
<section class="education" id="education">
<h1 class="heading"> <span> education</span> </h1>
<div class="box">
<i class= "fas fa- matriculation-cap"></i>
<span> 2019</span>
<h3> Completed my matriculation </h3>
<p> SARASWATI VIDYA MANDIR , MANIGACHHI</p>

</div>

</section>
</section>
<section class="education" id="education">
<h1 class="heading"> <span> education</span> </h1>
<div class="box">
<i class= "fas fa- matriculation-cap"></i>
<span> 2021</span>
<h3> Completed my intermediate </h3>
<p> REGIONAL SECONDARY SCHOOL , MADHUBANI , BIHAR </p>
</div>

</section>
</section>
<section class=" " id="education">
<h1 class="heading"> <span> education</span> </h1>
<div class="box">
<i class= "fas fa- matriculation-cap"></i>
<span> 2022-2026</span>
<h3> PERSUING BACHELOR OF DEGREE</h3>
<p> FROM INDIAN INSTITUTE OF INFORMATION TECHNOLOGY KALYANI (IIIT KALYANI ) </p>
<ul>
<p> C ⭐⭐⭐⭐</p>
<p>HTML ⭐⭐⭐⭐⭐</p>
<P> CSS ⭐⭐⭐</P>

</ul>
</div>

</section>

<section id= "contact">
<h1 class="headings"> CONTACT</h1>
<form action="" class="form">
<input type="text" name="name" class="input" placeholder="Enter Your Name">
<input type="email" name="email" class="input"
placeholder="Enter Your Email">
<textarea name="msg" id="msg" cols="30" rows="10" placeholder="Enter Your Message"></textarea>
<input type="submit" value="SEND"id="send">


</form>
</section>

</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-heAjqF+bCxXpCWLa6Zhcp4fu20XoNIA98ecBC1YkdXhszjoejr5y9Q77hIrv8R9i" crossorigin="anonymous"></script>
</body>
</html>
Loading