@@ -341,24 +341,30 @@ <h1 id="Get-In-Touch">
341341 < a href ="#Get-In-Touch " class ="headerlink " title ="Get-In-Touch "> </ a > GET IN TOUCH
342342 </ h1 >
343343 < p > If you'd like to connect, collaborate, or discuss cybersecurity projects, feel free to send me a message using the form below.</ p >
344+ <!-- Contact Form -->
344345 < form action ="https://formspree.io/f/xnngeavb " method ="POST " id ="contact-form " style ="margin-top: 1rem; ">
345- < p >
346- < strong > Your Name:</ strong >
347- </ p >
348- < input type ="text " id ="name " placeholder ="Enter your name " required style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; ">
349- < p >
350- < strong > Your Email:</ strong >
351- </ p >
352- < input type ="email " id ="email " placeholder ="Enter your email " required style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; ">
353- < p >
354- < strong > Subject:</ strong >
355- </ p >
356- < input type ="text " id ="subject " placeholder ="Enter the subject " required style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; ">
357- < p >
358- < strong > Message:</ strong >
359- </ p >
360- < textarea id ="message " placeholder ="Type your message... " required style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; min-height: 100px; "> </ textarea >
361- < button type ="submit " class ="button is-primary " style ="padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; "> Send Message</ button >
346+ < p > < strong > Your Name:</ strong > </ p >
347+ < input type ="text " name ="name " placeholder ="Enter your name " required
348+ style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; ">
349+
350+ < p > < strong > Your Email:</ strong > </ p >
351+ < input type ="email " name ="email " placeholder ="Enter your email " required
352+ style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; ">
353+
354+ < p > < strong > Subject:</ strong > </ p >
355+ < input type ="text " name ="subject " placeholder ="Enter the subject " required
356+ style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; ">
357+
358+ < p > < strong > Message:</ strong > </ p >
359+ < textarea name ="message " placeholder ="Type your message... " required
360+ style ="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; min-height: 100px; "> </ textarea >
361+
362+ < div style ="text-align: center; ">
363+ < button type ="submit " class ="button is-primary "
364+ style ="padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; background-color: #00ffff; color: #121617; ">
365+ Send Message
366+ </ button >
367+ </ div >
362368 </ form >
363369 </ div >
364370 </ article >
0 commit comments