Skip to content

Commit 237ae8d

Browse files
committed
inital update
1 parent a0a3fb4 commit 237ae8d

File tree

3 files changed

+64
-18
lines changed

3 files changed

+64
-18
lines changed

form.js

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
document.addEventListener('DOMContentLoaded', function () {
2+
const form = document.getElementById('contactForm');
3+
4+
form.addEventListener('submit', function (event) {
5+
if (!validateForm()) {
6+
event.preventDefault();
7+
}
8+
});
9+
10+
function validateForm() {
11+
const name = document.getElementById('name').value.trim();
12+
const email = document.getElementById('email').value.trim();
13+
const message = document.getElementById('message').value.trim();
14+
15+
if (name === '' || email === '' || message === '') {
16+
alert('All fields must be filled out');
17+
return false;
18+
}
19+
20+
return true;
21+
}
22+
});
23+

index.html

Lines changed: 28 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929

3030
<!-- Favicon -->
3131
<link rel="icon" href="images/favicon.png">
32+
<script src="form.js" defer></script>
3233
</head>
3334
<body data-spy="scroll" data-target=".fixed-top">
3435

@@ -156,23 +157,23 @@ <h2 class="h2-heading">Offered Services</h2>
156157
<div class="row">
157158
<div class="col-lg-4">
158159
<div class="text-box">
159-
<i class="far fa-gem"></i>
160+
<i class="fas fa-cogs"></i>
160161
<h4>Embedded System Design</h4>
161-
<p>Successful online projects start with good design. It establishes a solid foundation for future development and allows for long term growth</p>
162+
<p>Crafting innovative and robust hardware solutions tailored to meet specific application requirements, ensuring seamless integration of hardware components for optimal performance.</p>
162163
</div> <!-- end of text-box -->
163164
</div> <!-- end of col -->
164165
<div class="col-lg-4">
165166
<div class="text-box">
166167
<i class="fas fa-code"></i>
167168
<h4>Firmware Development</h4>
168-
<p>I can code my own designs or even use the customer's design as base. My focus is to generate clean code that's well structured for reliability</p>
169+
<p>Expertly developing firmware that serves as the intelligence behind embedded systems, enhancing functionality and enabling efficient communication between hardware and software elements.</p>
169170
</div> <!-- end of text-box -->
170171
</div> <!-- end of col -->
171172
<div class="col-lg-4">
172173
<div class="text-box">
173174
<i class="fas fa-tv"></i>
174175
<h4>IoT System Design and Integration</h4>
175-
<p>i can setup your project to use basic SEO principles which will push your project to the first page on search engines and save you ads money</p>
176+
<p>Designing and implementing end-to-end Internet of Things solutions, connecting devices and systems to enable data-driven insights, real-time monitoring, and smart automation for enhanced efficiency and user experience.</p>
176177
</div> <!-- end of text-box -->
177178
</div> <!-- end of col -->
178179
</div> <!-- end of row -->
@@ -222,8 +223,8 @@ <h5>Development Skills</h5>
222223
<div class="container">
223224
<div class="row">
224225
<div class="col-lg-12">
225-
<h2 class="h2-heading">Delivered projects</h2>
226-
<p class="p-heading">Listed below are some of the most representative projects I've worked on. They range from basic web design for presentation sites to advanced web development for online shops</p>
226+
<h2 class="h2-heading">Delivered Projects</h2>
227+
<p class="p-heading">Listed below are some of the most representative projects I've worked on. They range from basic product development to advanced control system design.</p>
227228
</div> <!-- end of col -->
228229
</div> <!-- end of row -->
229230
<div class="row">
@@ -234,31 +235,39 @@ <h2 class="h2-heading">Delivered projects</h2>
234235
<img class="img-fluid" src="images/project-1.jpg" alt="alternative">
235236
</a>
236237
</div> <!-- end of image-container -->
237-
<p><strong>For:</strong> Jumbotron, <strong>Project:</strong> web design for their corporate websites and landing pages for marketing campaigns <a class="blue" href="project.html">details</a></p>
238+
<h5>Industrial IoT Gateway Device Development</h5>
239+
<p>Designed and implemented an IoT gateway device as a pivotal component in my portfolio project, facilitating seamless communication and data exchange between diverse IoT devices and the cloud infrastructure. The gateway serves as a robust intermediary, ensuring efficient and secure connectivity to enable comprehensive monitoring and control of connected devices.</p>
240+
<a class="btn-solid-reg mb-5" href="index.html">See Details</a>
238241
</div> <!-- end of text-container -->
239242
<div class="text-container">
240243
<div class="image-container">
241244
<a href="project.html">
242245
<img class="img-fluid" src="images/project-2.jpg" alt="alternative">
243246
</a>
244247
</div> <!-- end of image-container -->
245-
<p><strong>For:</strong> Carsrepo, <strong>Project:</strong> designed and developed modern platform for purchasing second hand cars online <a class="blue" href="project.html">details</a></p>
248+
<h5>Industrial IoT Gateway Device Development</h5>
249+
<p>Designed and implemented an IoT gateway device as a pivotal component in my portfolio project, facilitating seamless communication and data exchange between diverse IoT devices and the cloud infrastructure. The gateway serves as a robust intermediary, ensuring efficient and secure connectivity to enable comprehensive monitoring and control of connected devices.</p>
250+
<a class="btn-solid-reg mb-5" href="index.html">See Details</a>
246251
</div> <!-- end of text-container -->
247252
<div class="text-container">
248253
<div class="image-container">
249254
<a href="project.html">
250255
<img class="img-fluid" src="images/project-3.jpg" alt="alternative">
251256
</a>
252257
</div> <!-- end of image-container -->
253-
<p><strong>For:</strong> Truevideo, <strong>Project:</strong> created a custom video editing and upload web app for this awesome team <a class="blue" href="project.html">details</a></p>
258+
<h5>Industrial IoT Gateway Device Development</h5>
259+
<p>Designed and implemented an IoT gateway device as a pivotal component in my portfolio project, facilitating seamless communication and data exchange between diverse IoT devices and the cloud infrastructure. The gateway serves as a robust intermediary, ensuring efficient and secure connectivity to enable comprehensive monitoring and control of connected devices.</p>
260+
<a class="btn-solid-reg mb-5" href="index.html">See Details</a>
254261
</div> <!-- end of text-container -->
255262
<div class="text-container">
256263
<div class="image-container">
257264
<a href="project.html">
258265
<img class="img-fluid" src="images/project-4.jpg" alt="alternative">
259266
</a>
260267
</div> <!-- end of image-container -->
261-
<p><strong>For:</strong> Evolosim, <strong>Project:</strong> complete redesign of their corporate website and platform update for their online shop <a class="blue" href="project.html">details</a></p>
268+
<h5>Industrial IoT Gateway Device Development</h5>
269+
<p>Designed and implemented an IoT gateway device as a pivotal component in my portfolio project, facilitating seamless communication and data exchange between diverse IoT devices and the cloud infrastructure. The gateway serves as a robust intermediary, ensuring efficient and secure connectivity to enable comprehensive monitoring and control of connected devices.</p>
270+
<a class="btn-solid-reg mb-5" href="index.html">See Details</a>
262271
</div> <!-- end of text-container -->
263272
</div> <!-- end of col -->
264273
</div> <!-- end of row -->
@@ -499,25 +508,26 @@ <h2 class="h2-heading">Frequent questions</h2>
499508
<div class="container">
500509
<div class="row">
501510
<div class="col-lg-12">
502-
<h2>Contact details</h2>
503-
<p class="p-heading">For any type of online project please don't hesitate to get in touch with me. The fastest way is to send me your message using the following email <a class="blue no-line" href="#your-link">contact@domain.com</a></p>
511+
<h2>Contact Details</h2>
512+
<p class="p-heading">For any type of online project please don't hesitate to get in touch with me. The fastest way is to send me your message using the following email <a class="blue no-line" href="[email protected]">codewithzahid24@gmail.com</a></p>
504513
</div> <!-- end of col -->
505514
</div> <!-- end of row -->
506515
<div class="row">
507516
<div class="col-lg-12">
508517

509518
<!-- Contact Form -->
510-
<form id="contactForm">
519+
<form id="contactForm" action="sendmail.php" method="post">
511520
<div class="form-group">
512-
<input type="text" class="form-control-input" id="cname" required>
513-
<label class="label-control" for="cname">Name</label>
521+
<input type="text" class="form-control-input" id="name" name="name" required>
522+
<label class="label-control" for="name">Name</label>
523+
514524
</div>
515525
<div class="form-group">
516-
<input type="email" class="form-control-input" id="cemail" required>
517-
<label class="label-control" for="cemail">Email</label>
526+
<input type="email" class="form-control-input" id="email" name="email" required>
527+
<label class="label-control" for="email">Email</label>
518528
</div>
519529
<div class="form-group">
520-
<textarea class="form-control-textarea" id="cmessage" required></textarea>
530+
<textarea class="form-control-textarea" id="message" name="message" rows="4" required></textarea>
521531
<label class="label-control" for="cmessage">Project details</label>
522532
</div>
523533
<div class="form-group">

sendmail.php

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<?php
2+
if ($_SERVER["REQUEST_METHOD"] == "POST") {
3+
$name = $_POST["name"];
4+
$email = $_POST["email"];
5+
$message = $_POST["message"];
6+
$to = "[email protected]"; // Replace with your email address
7+
$subject = "New Contact Form Submission";
8+
9+
$headers = "From: $name <$email>" . "\r\n";
10+
11+
mail($to, $subject, $message, $headers);
12+
}
13+
?>

0 commit comments

Comments
 (0)