-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
181 lines (170 loc) · 8.55 KB
/
Copy pathportfolio.html
File metadata and controls
181 lines (170 loc) · 8.55 KB
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
<title>Apurav's Portfolio</title>
</head>
<body>
<nav class="navbar">
<div class="container">
<a href="#" class="logo">
<h1><i class="fas fa-user-circle"></i> Apurav Swami</h1>
</a>
<ul class="nav-links">
<li><a href="#About">About</a></li>
<li><a href="#Services">Services</a></li>
<li><a href="#Blog">Blog</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>
</nav>
<header class="hero">
<div class="container">
<div class="hero-content">
<h1>Hello, I am <span>Apurav</span></h1>
<p class="hero-description">Highly proficient in advanced HTML, CSS, JavaScript, React.js, and Cybersecurity. Extensive experience in both Windows and Linux environments, committed to delivering cutting-edge solutions and driving substantial organizational growth through innovative technologies and robust security measures.</p>
<h5 class="hero-role">Senior Frontend Developer & Cybersecurity Specialist</h5>
<div class="hero-actions">
<a href="cv.pdf" download class="btn btn-primary">Download CV</a>
<a href="#" class="btn">Read more</a>
</div>
</div>
<div class="hero-image">
<img src="image0.jpeg" alt="">
</div>
</div>
</header>
<section id="About" class="section">
<div class="container">
<h2><span>A</span>bout</h2>
<p class="section-description">I'm a dedicated Senior Frontend Developer and Cybersecurity Specialist, with a deep commitment to mastering CSS, HTML, React.Js, and advanced cybersecurity practices. My unwavering dedication drives me to continuously learn and adapt, ensuring I remain at the cutting edge of web development and cybersecurity trends. My objective is to create engaging, secure, and user-friendly web interfaces that deliver exceptional user experiences.</p>
<div class="about-details">
<div class="detail">
<img src="man.png" alt="">
<h5>FULL NAME</h5>
<p>Apurav Swami</p>
</div>
<div class="detail">
<img src="email.png" alt="">
<h5>EMAIL</h5>
<p>apurav@example.com</p>
</div>
<div class="detail">
<img src="linkedin.png" alt="">
<h5>LinkedIn</h5>
<p>www.linkedin.com/in/apurav-swami</p>
</div>
<div class="detail">
<img src="telephone-call.png" alt="">
<h5>PHONE</h5>
<p>+1234567890</p>
</div>
</div>
</div>
</section>
<section id="Services" class="section">
<div class="container">
<h2><span>W</span>hat I Do</h2>
<div class="services-grid">
<div class="service">
<img src="software.png" alt="">
<h3>Software Development</h3>
<p>Designing, coding, testing, and maintaining applications to meet specific client needs, delivering tailored software solutions with a focus on security and performance. My expertise ensures robust, high-quality software that aligns with client objectives and industry standards.</p>
</div>
<div class="service">
<img src="coding.png" alt="">
<h3>Web Development</h3>
<p>Crafting websites by coding, designing, and optimizing for functionality, performance, security, and user experience. I enable a strong online presence and seamless interaction, ensuring websites are both visually appealing and highly secure.</p>
</div>
<div class="service">
<img src="aaaa.png" alt="">
<h3>Cybersecurity Consulting</h3>
<p>Providing expert advice on securing digital assets, implementing robust security measures, and ensuring compliance with industry standards.</p>
</div>
<div class="service">
<img src="python.png" alt="">
<h3>Python Programming</h3>
<p>Python is extensively applied in data science, data analysis, machine learning, data engineering, web development, software development, and cybersecurity, among other fields.</p>
</div>
</div>
</div>
</section>
<section id="Skills" class="section">
<div class="container">
<h2><span>M</span>y Skills</h2>
<div class="skills-grid">
<div class="skill">
<h4>HTML</h4>
</div>
<div class="skill">
<h4>CSS</h4>
</div>
<div class="skill">
<h4>Javascript</h4>
</div>
<div class="skill">
<h4>MySQL</h4>
</div>
<div class="skill">
<h4>Python</h4>
</div>
<div class="skill">
<h4>Web Design</h4>
</div>
<div class="skill">
<h4>Testing</h4>
</div>
<div class="skill">
<h4>Cybersecurity</h4>
</div>
</div>
</div>
</section>
<section id="Blog" class="section">
<div class="container">
<h2><span>B</span>log</h2>
<p>Welcome to the dynamic world of front-end development, web design, web development, and cybersecurity. In this concise guide, we'll delve into the key aspects of these exciting fields.</p>
<div class="blog-grid">
<div class="blog-card">
<img src="web_design1.jpg" alt="">
<p>Web design is the art of crafting visually appealing and user-friendly websites, blending elements like typography, color theory, and layout to create memorable online experiences. HTML, CSS, and JavaScript are the cornerstone languages that enable us to build interactive and responsive websites, making them not only look great but also function seamlessly on various devices.</p>
</div>
<div class="blog-card">
<img src="web_design2.jpg" alt="">
<p>Responsive web design ensures that websites adapt effortlessly to different screen sizes, offering a consistent experience across platforms. As you progress, you can explore frameworks like Bootstrap or delve into user-centric design principles to create intuitive interfaces. Web accessibility encourages creativity and innovation, waiting for you to explore worldwide.</p>
</div>
</div>
</div>
</section>
<section id="Contact" class="section">
<div class="container">
<h2><span>G</span>et In Touch</h2>
<div class="contact-form">
<form action="#">
<div class="form-group">
<input type="text" placeholder="First Name" required>
<input type="text" placeholder="Last Name" required>
</div>
<div class="form-group">
<input type="email" placeholder="Email" required>
<input type="tel" placeholder="Phone Number" required>
</div>
<div class="form-group">
<textarea placeholder="Message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit Now</button>
</form>
</div>
</div>
</section>
<footer>
<div class="container">
© Apurav Swami
</div>
</footer>
<script src="script.js"></script>
</body>
</html>