-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (72 loc) · 3.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
<title>Akanksha Chaurasia</title>
<link rel="icon" href="portfoliopic.jpeg" type="image/icon type">
<link rel="stylesheet" type="text/css" href="styleportfolio.css">
<link href="https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Marcellus+SC&family=Dancing+Script&family=Playball&display=swap" rel="stylesheet">
</head>
<body>
<div class="navbar">
<Section id="home"></Section>
<ul>
<li><a href=#home class="menu-btn" >Home</a></li>
<li><a href=#about class="menu-btn" >About Me</a></li>
<li><a href=#myprojects class="menu-btn" >My Projects</a></li>
<li><a href=#contact class="menu-btn" >Contact Me</a></li>
</ul>
</div>
<div class="intro">
<h1 style="font-weight: 580">Hii! I' am <span>Akanksha Chaurasia</span></h1>
<p>Welcome to my portfolio.<br>I am currently a B.Tech student from CSE branch of IIIT Bhagalpur.</p>
</div>
<div class="imag">
<img class="mypic" src="portfoliopic.jpeg" style="border-radius: 60px">
</div>
<section id="about"></section>
<div class="edu">
<h2 style="font-size:40px; text-align: center;"><u>Education Details:</u></h2>
<img class="school" src="https://content3.jdmagicbox.com/comp/varanasi/g2/0542px542.x542.110124124355.k7g2/catalogue/sunbeam-group-of-educational-institutions-lahartara-varanasi-schools-wqongzn128.jpg">
<img class="college" src="https://www.iiitbh.ac.in/sites/default/files/2020-05/Proposed%20IIIT%20Bhagalpur%20Building1.jpg">
<ul>
<li style="padding-left:9%; padding-right:10%;">Sunbeam School Lahartara<br>  Varanasi, Uttar Pradesh</li>
<li style="padding-left:18%; padding-right: 5%;">Indian Institute Of Information Technology<br>                    Bhagalpur</li>
</ul>
</div>
<div class="skill">
<h2><u>My SkillSet :</u></h2>
<h4><ul>
<li>HTML <div class="html bar"></div></li>
<li>CSS <div class="css bar"></div></li>
<li> Python <div class="py bar"></div></li>
<li>C++/C <div class="c bar"></div></li> </ul></h4>
</div>
<div class="myprojects">
<section id="myprojects"></section>
<h2>My Projects</h2>
<ul>
<li><a href="tictactoe.html">Tic Tac Toe</a></li>
<li><a href="imagegallery.html">Image Gallery: FLowers</a></li>
</ul>
</div>
<div class="contact">
<section id="contact"></section>
<form action="https://docs.google.com/forms/d/e/1FAIpQLScuwByqdtE8EzsO7Olmpb72fxlm4iYE6Os8V3wDbvQjX42iWA/formResponse" enctype="text/plain" target="hidden_iframe">
<h2>Contact Me</h2>
<label for="name"><b>Name:- </b></label>
<input type="text" id="name" name="entry.1828448774" maxlength="60" required>
<br><br>
<label for="phnum"><b>Phone No:- </b></label>
<input type="tel" id="phnum" name="entry.1862463642" required>
<br><br>
<label for="email"><b>Email Id:- </b></label>
<input type="email" id="email" name="entry.111912116"required>
<br><br>
<label for="message"><b>Message To Be conveyed:- </b></label><br><br>
<textarea rows="7" cols="50" name="entry.644603160" id="message" placeholder="Enter your message here..." type="text" required></textarea><br><br><br>
<button class= "submit">Submit</button>
</form>
<iframe id="hidden_iframe" name="hidden_iframe" style="display: none;"></iframe>
</div>
</body>
</html>