forked from MagneticMule/My-CV-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (97 loc) · 5.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Aryan Vaid</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar">
<li> <a href="#Home"> Home</a> </li>
<li> <a class="am" href="#aboutme"> About </a> </li>
<li> <a href="#portfolio"> Skills</a> </li>
<li> <a href="#contactme"> Contact</a> </li>
</nav>
</header>
<section class="main">
<div class="text">
<h2> Hi, I am <span> Aryan Vaid. </span> </h2>
<h1> I <span>Build And Rank</span> Websites On Google.</h1>
<P>Accomplished digital marketing executive possessing strong analytical and web development skills. </P>
<div class="btn"> <a href="#"> Contact Me </a></div>
</div>
<img src="vecteezy_3d-programmer-pc-illustration-side-view_10998283_411.png" alt="Aryan Vaid" class="top">
</section>
<section>
<div class="aboutme">
<img src="IMG_4297_2-removebg-preview.jpeg" alt="Aryan Vaid" class="my">
<div class="aboutmetext">
<h1> About Me </h1>
<h2> Masters In Digital Marketing From <span> Dublin Business School</span> and Professional Diploma In Full Stack Software Development From <span>University College Dublin</span>. </h2>
<p> <span> "</span> Digital Marketing Executive with experience in E-commerce. Proficient in driving revenue growth and brand recognition through strategic social media management, compelling email campaigns, and optimized website experiences. Demonstrated success in implementing digital marketing strategies that increase sales and customer engagement. Passionate about staying at the forefront of digital marketing trends, with strong analytical and web development skills. <span> "</span> </p>
</div>
</div>
</section>
<section>
<div class="skills">
<h1> Skills</h1>
<div class="grid-container">
<div class="grid-item"><i class="fa-brands fa-html5"></i>
</div>
<div class="grid-item"><i class="fa-brands fa-css3"></i></div>
<div class="grid-item"><i class="fa-brands fa-js"></i></div>
<div class="grid-item"><i class="fa-brands fa-python"></i></div>
<div class="grid-item"><i class="fa-solid fa-database"></i></div>
<div class="grid-item"><i class="fa-brands fa-react"></i></div>
<div class="grid-item"><i class="fa-brands fa-bootstrap"></i></div>
<div class="grid-item"><i class="fa-brands fa-node-js"></i></div>
<div class="grid-item"><i class="fa-brands fa-wordpress"></i></div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="item">
<div class="contact">
<div class="first-text"> Let's get in touch</div>
<img src="vecteezy_internet-of-things-programmer-3d-character_12658263_169.png" alt="Contact-Me" class="image">
<div class="social-links">
<span class="second-text"> Connect With Me:</span>
<span class="email"> aryanvaid726@gmail.com</span>
<ul class="social-media">
<li> <a href="https://www.linkedin.com/in/aryan-vaid-23469a163/"> <i class="fa-brands fa-linkedin"></i></a></li>
<li> <a href="https://github.com/AryanVaid77"><i class="fa-brands fa-github"></i> </a></li>
</ul>
</div>
</div>
<div class="submit-form">
<h4 class="third-text"> Contact Me</h4>
<form action="">
<div class="input-box">
<input type="email" class="input" placeholder="Name:">
</div>
<div class="input-box">
<input type="text" class="input" placeholder="E-mail:">
</div>
<div class="input-box">
<input type="tel" class="input" placeholder="Phone:">
</div>
<div class="input-box">
<textarea name="" class="input" placeholder="Send me a message:" id="message" cols="30" rows="10" > </textarea>
</div>
<input type="submit" class="btn2" placeholder="Submit">
</form>
</div>
</div>
</section>
<footer>
<div class="footer-content">
<p> Copyright © 2023 Aryanvaid726@gmail.com</p>
</div>
</footer>
</body>
</html>