HTML-CSS-Projects/index.html at master · FarhadQiami/HTML-CSS-Projects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Form</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./fontawesome-free-5.12.0-web/css/all.css">
</head>
<body>
    <main>
    <section id="section">
        <!-- Title of Section -->
        <div class="title">
            <h1>Contact Us</h1>
            <p class="title-info">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo, dignissimos.</p>
        </div>

        <!-- address Section -->
        <div class="address-container">
          <div class="contacts">
                <div class="address">
                    <p class="add-info"><i class="fa fa-ad"></i> Kabue, Afghanistan </p>
                    <p class="add-info"><i class="fa fa-phone"></i>+99378 XXXX XXXX </p>
                    <p class="add-info"><i class="fa fa-at"></i> farhadqeyaami@gmail.com </p>
                </div>

                <!-- Form  -->

                    <form action="" class="form">
                        <div class="form-row  ">
                            <input type="text" placeholder="  Name" >
                            <input type="email" placeholder="  Email">
                        </div>
                        <div class="form-row">
                            <textarea name="Your Message Please" id="" cols="30" rows="10"></textarea>
                        </div>
                        <button class="btn">Send Message</button>
                    </form>

            </div>
            <!-- map -->
            <div class="map">
                <img src="./kabul.png" alt="map" class="img-map">
            </div>
      </div>
    </section>

</main>
</body>
</html>