-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (133 loc) · 6.18 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!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>Personal Portfolio Website Designing</title>
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="portfolio.css">
</head>
<body>
<header class="header">
<a href="#" class="logo">Portfolio</a>
<i class='bx bx-menu' id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#services">Skills</a>
<a href="#portfolio">Project</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="home" id="home">
<div class="home-content">
<h3>Hello, It's me</h3>
<h1>Ankita Mishra</h1>
<h3>I'm a<span> Web Developer</span></h3>
<p>Aspiring for a position that places me in a fast-placed and learning-oriented environment, while developing my technical
and interpersonal skills, as well as seeking knowledge in the technology field.</p>
<div class="social-media">
<a href="#"><i class='bx bxl-facebook'></i></a>
<a href="#"><i class='bx bxl-instagram' ></i></a>
<a href="#"><i class='bx bxl-gmail' ></i></a>
<a href="#"><i class='bx bxl-linkedin' ></i></a>
</div>
<a href="#" class="btn">Download CV</a>
</div>
<div class="home-img">
<img src="image.png" alt="">
</div>
</section>
<section class="about" id="about">
<div class="about-img">
<img src="img.png" alt="">
</div>
<div class="about-content">
<h2 class="heading">About <span>Me</span></h2>
<h3>Web Developer</h3>
<p>I'm Ankita Mishra, currently pursuing Bachelor of Technology in Computer Science and Engineering from Anand Engineering College, Agra.
My area of interest is in web development.
In my liesure time I love to do photography.
</p>
<a href="#" class="btn">Read More</a>
</div>
</section>
<section class="services" id="services">
<h2 class="heading">My <span>Skills</span></h2>
<div class="services-container">
<div class="services-box">
<i class='bx bx-code-alt'></i>
<h3>Web Development</h3>
<p>I have learned Web Development. There is a lot of sites and softwares that can be used for development.
By using Tailbwind CSS.
Using Wordpress is also a good way to develop Website.
</p>
<a href="#" class="btn">Read More</a>
</div>
<div class="services-box">
<i class='bx bxl-python'></i>
<h3>C++</h3>
<p>I have learned C++ from youtube with Love Babbar. C++ is not only an easy language to learn programming in, but it is good for prototyping and for many serious uses too.
Knowing a bit about it is not as useless as knowing a bit of BASIC.
</p>
<a href="#" class="btn">Read More</a>
</div>
<div class="services-box">
<i class='bx bxl-html5'></i>
<h3>HTML/CSS</h3>
<p>Inline Styles. Styles defined inline in HTML will only apply to the tag they are added to. ...
<br>
Within the HTML header. A style defined in the header will apply to the whole page. ...
</p>
<a href="#" class="btn">Read More</a>
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<h2 class="heading">Latest <span>Project</span></h2>
<div class="portfolio-container">
<div class="portfolio-box">
<img src="port1.png" alt="">
<div class="portfolio-layer">
<h4>Web Design</h4>
<p>In this project i have designed the Personal portfolio site which describe my qualification and skills.</p>
<a href="#"><i class='bx bx-link-external'></i></a>
</div>
</div>
<div class="portfolio-box">
<img src="port2.jpg" alt="">
<div class="portfolio-layer">
<h4>Artificial Intelligence</h4>
<p>In this project i have designed the AI Bot that can analyse the command and can perform the command in system.</p>
<a href="#"><i class='bx bx-link-external'></i></a>
</div>
</div>
<div class="portfolio-box">
<img src="port3.jpg" alt="">
<div class="portfolio-layer">
<h4>Sentement Analysis</h4>
<p>This project can analyse the sentements or any particular paragraph that was given to this software.</p>
<a href="#"><i class='bx bx-link-external'></i></a>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 class="heading">Contact <span>Me!</span></h2>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email Address">
</div>
<div class="input-box">
<input type="number" placeholder="Mobile Number">
<input type="text" placeholder="Email Subject">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" class="btn">
</form>
</section>
<script src="script.js"></script>
</body>
</html>