tech-masters/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor index.html to modularize sections, implement sticky navigation, and enhance CSS styles for improved UI responsiveness

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-05-14 23:20:28 +03:00
parent 814fb97207
commit f62368672d
11 changed files with 830 additions and 939 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/contact.html Normal file
View File

@@ -0,0 +1,33 @@
<section class="contact section-padding" id="section_5">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title-wrap d-flex justify-content-center align-items-center mb-5">
<img src="images/happy-bearded-young-man.jpg" class="avatar-image img-fluid" alt="" />
<h2 class="text-white ms-4 mb-0">Contact Me</h2>
</div>
</div>
<div class="col-lg-8 col-12 mx-auto">
<div class="custom-form contact-form" action="#" method="post" role="form">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<input type="text" name="name" id="name" class="form-control" placeholder="Name" required="" />
</div>
<div class="col-lg-6 col-md-6 col-12">
<input type="email" name="email" id="email" pattern="[^ @]*@[^ @]*" class="form-control" placeholder="Email" required="" />
</div>
<div class="col-12">
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Message"></textarea>
<button type="submit" class="form-control">Send Message</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>