-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (100 loc) · 4.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aanish</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
</head>
<body>
<section id="about">
<div class="img-box">
<img src="assets/photo-1534528741775-53994a69daeb.avif" alt="Aanish" >
<h1 >Alicia Key </h1>
</div>
<div class="text">
<h2>About Me </h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem exercitationem harum amet fuga nemo quidem vero, corporis earum necessitatibus eaque dolorum quos quae quam voluptates officiis porro a. Quod quisquam, corporis nisi inventore delectus expedita repellendus excepturi ipsa, provident, recusandae tempora maiores. Fugiat quaerat ullam necessitatibus eaque ea magnam amet!</p>
<div class="icons">
<i class="devicon-github-original colored"></i>
<i class="devicon-linkedin-plain " ></i>
<i class="devicon-twitter-original colored"></i>
</div>
</div>
</section>
<section id="my-works">
<h2>My works</h2>
<div class="cards">
<div class="card">
<div class="img"></div>
<h3>My Project</h3>
<i class="devicon-github-original g"></i>
<i class="devicon-linkedin-plain l" ></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam, aperiam?</p>
</div>
<div class="card">
<div class="img"></div>
<h3>My Project</h3>
<i class="devicon-github-original g"></i>
<i class="devicon-linkedin-plain l" ></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam, aperiam?</p>
</div>
<div class="card">
<div class="img"></div>
<h3>My Project</h3>
<i class="devicon-github-original g"></i>
<i class="devicon-linkedin-plain l" ></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam, aperiam?</p>
</div>
<div class="card">
<div class="img"></div>
<h3>My Project</h3>
<i class="devicon-github-original g"></i>
<i class="devicon-linkedin-plain l" ></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam, aperiam?</p>
</div>
<div class="card">
<div class="img"></div>
<h3>My Project</h3>
<i class="devicon-github-original g"></i>
<i class="devicon-linkedin-plain l" ></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam, aperiam?</p>
</div>
<div class="card">
<div class="img"></div>
<h3>My Project</h3>
<i class="devicon-github-original g"></i>
<i class="devicon-linkedin-plain l" ></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam, aperiam?</p>
</div>
</div>
</section>
<section id="contact">
<div class="text">
<h2>Contact me</h2>
<i class="devicon-twitter-original twitter"> </i>
<i class="devicon-facebook-original facebook"></i>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit, cum!</p>
<div class="icon-pack">
<span class="material-symbols-outlined">call
</span><span>+1 988 XXXXXXX</span>
</div>
<div class="icon-pack"><span class="material-symbols-outlined">
mail
</span></i><span>[email protected]</span>
</div>
<div class="icon-pack"><span class="material-symbols-outlined">
location_on
</span><span> Ohio , USA </span>
</div>
</div>
<img src="assets/photo-1534528741775-53994a69daeb.avif" alt="">
</section>
<!--
<footer>
</footer> -->
</body>
</html>