-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (79 loc) · 3.35 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
<!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">
<link rel="stylesheet" href="assets/css/style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<title>Mini Personal Portfolio</title>
<style>
body {
background: rgb(144,167,217);
background: linear-gradient(27deg, rgba(144,167,217,1) 0%, rgba(187,189,224,1) 60%);
}
</style>
</head>
<body>
<div class="center">
<img class="profile_image" src="assets/image/humanface1.jpg" alt="uncle">
<div class="nav">
<h3 class="title">RUMI</h3>
</div>
<p class="description">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum, deserunt. Culpa enim aspernatur unde alias aperiam. Possimus cumque dolore sapiente, laboriosam, dolorem molestias iste eos atque debitis illum numquam officia. Ipsum, cumque neque dolores sequi excepturi ipsa corporis? Est alias vel sed! Totam ab architecto incidunt earum repudiandae, quasi quis!
</p>
<div class="education">
<h3 class="title">Education</h3>
<p class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quisquam nostrum autem cupiditate in dolorum quaerat perferendis tempora distinctio magni.
</p>
<ul>
<li>IIT DELHI</li>
<li>DELHI PUBLIC SCHOOL</li>
<li>ABC NURSERY SCHOOL</li>
</ul>
</div>
<div class="profession">
<h3 class="title">Profession</h3>
<p class="description">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem commodi repellat facilis nesciunt laudantium esse quam qui quo tenetur tempora.
</p>
<ul>
<li>Full-Time Full-Stack Web Developer at Wipro</li>
<li>Junior Developer at Wipro</li>
<li>Intern at WIPRO</li>
</ul>
</div>
<div class="projects">
<h3 class="title">Project</h3>
<div class="project_container">
<div class="project">
<img src="assets/image/project1.jpg" alt="">
<p>project1</p>
</div>
<div class="project">
<img src="assets/image/project2.jpg" alt="">
<p>project2</p>
</div>
<div class="project">
<img src="assets/image/project3.jpg" alt="">
<p>project3</p>
</div>
<div class="project">
<img src="assets/image/project4.jpg" alt="">
<p>project4</p>
</div>
</div>
</div>
<div class="social">
<a href=""><i class='bx bxl-facebook-circle'></i></a>
<a href=""><i class='bx bxl-instagram'></i></a>
<a href=""><i class='bx bxl-twitter'></i></a>
</div>
<div class="copyright">
<a href="www.rumi.com">@ Rumi</a>
</div>
</div>
</body>
</html>