mirror of
https://github.com/DevEhChad/chadsreactproject.git
synced 2025-11-08 21:41:36 +00:00
Add files via upload
Third Commit
This commit is contained in:
@@ -1,34 +1,34 @@
|
||||
import React from "react";
|
||||
import TrainLeft from "../assets/1132066.jpg";
|
||||
import "../styles/Contact.css";
|
||||
|
||||
function Contact() {
|
||||
return (
|
||||
<div className="contact">
|
||||
<div
|
||||
className="leftSide"
|
||||
style={{ backgroundImage: `url(${TrainLeft})` }}
|
||||
></div>
|
||||
<div className="rightSide">
|
||||
<h1> Contact Us</h1>
|
||||
|
||||
<form id="contact-form" method="POST">
|
||||
<label htmlFor="name">Full Name</label>
|
||||
<input name="name" placeholder="Enter full name..." type="text" />
|
||||
<label htmlFor="email">Email</label>
|
||||
<input name="email" placeholder="Enter email..." type="email" />
|
||||
<label htmlFor="message">Message</label>
|
||||
<textarea
|
||||
rows="6"
|
||||
placeholder="Enter message..."
|
||||
name="message"
|
||||
required
|
||||
></textarea>
|
||||
<button type="submit"> Send Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
import React from "react";
|
||||
import TrainLeft from "../assets/1132066.jpg";
|
||||
import "../styles/Contact.css";
|
||||
|
||||
function Contact() {
|
||||
return (
|
||||
<div className="contact">
|
||||
<div
|
||||
className="leftSide"
|
||||
style={{ backgroundImage: `url(${TrainLeft})` }}
|
||||
></div>
|
||||
<div className="rightSide">
|
||||
<h1> Contact Us</h1>
|
||||
|
||||
<form id="contact-form" method="POST">
|
||||
<label htmlFor="name">Full Name</label>
|
||||
<input name="name" placeholder="Enter full name..." type="text" />
|
||||
<label htmlFor="email">Email</label>
|
||||
<input name="email" placeholder="Enter email..." type="email" />
|
||||
<label htmlFor="message">Message</label>
|
||||
<textarea
|
||||
rows="6"
|
||||
placeholder="Enter message..."
|
||||
name="message"
|
||||
required
|
||||
></textarea>
|
||||
<button type="submit"> Send Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Contact;
|
||||
Reference in New Issue
Block a user