Contact Us Form with HTML and CSS - Responsive Design

Contact Us Form with HTML and CSS - Responsive Design Project by SudhuCodes Made with HTML & CSS Language

@SudhuCodes
Category - HTML & CSS
Uploaded At - 4/27/2025
1<!DOCTYPE html>
2<!-- --------Code With SudhuCodes---------- -->
3<html lang="en">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Contact Us - SuduCodes</title>
8    <link rel="stylesheet" href="style.css">
9    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap">
10</head>
11<body>
12
13    <div class="container">
14        <h1>Contact With Us</h1>
15        <p>We would love to respond your queries and help you succeed.<br>Feel free to get in touch with us.</p>
16        <div class="contact-box">
17            <div class="contact-left">
18                <h3>Send your request</h3>
19                <form>
20
21                    <div class="input-row">
22                        <div class="input-group">
23                            <label>Name</label>
24                            <input type="text" placeholder="Sudhanshu Kumar">
25                        </div>
26                        <div class="input-group">
27                            <label>Phone</label>
28                            <input type="text" placeholder="+1 012 345 6789">
29                        </div>
30
31
32                    </div>
33                    <div class="input-row">
34                        <div class="input-group">
35                            <label>Email</label>
36                            <input type="email" placeholder="sudhuteam@gmail.com">
37                        </div>
38                        <div class="input-group">
39                            <label>Subject</label>
40                            <input type="text" placeholder="Product Demo">
41                        </div>
42
43                    </div>
44
45                    <label>Message</label>
46                    <textarea rows="5" placeholder="Your Message"></textarea>
47                
48                    <button type="submit">Send</button>
49                </form>
50
51            </div>
52
53            <div class="contact-right">
54                <h3>Reach Us</h3>
55
56                <table>
57                    <tr>
58                        <td>Email</td>
59                        <td>sudhuteam@gmail.com</td>
60                    </tr>
61                    <tr>
62                        <td>Phone</td>
63                        <td>+1 012 345 6789</td>
64                    </tr>
65                    <tr>
66                        <td>Address</td>
67                        <td>#212, Ground floor, 7th cross <br>
68                        Some layout, Some Road, Koromangla <br>
69                    Bengaluru 560001</td>
70                    </tr>
71                </table>
72
73            </div>
74        </div>
75    </div>
76    
77</body>
78</html>