rishavContact.github.io/index.html at main · rishavsr99/rishavContact.github.io · 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
53
54
<!DOCTYPE html>
<html lang="en">
<head>

    <link rel="stylesheet" media="screen and (min-device-width: 576px)" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
    <link rel="stylesheet" media="screen and (min-device-width: 576px)" type="text/css" href="style.css">
    <link rel="stylesheet" media="screen and (max-device-width: 576px)" type="text/css" href="mobile.css">
</head>
<body>
    <div class="main">
        <div class="container">
            <div class="back">
                <img src="https://preview.cruip.com/solid/dist/images/cta-illustration.svg">
                <img src="https://preview.cruip.com/solid/dist/images/cta-illustration.svg">
            </div>
            <div class="sign-up-content parent">
                <form>
                    <div class="  d-flex justify-content-center  pb-3">
                        <img class="header-logo-image" src="ffff.png" alt="Logo">
                    </div>
                    <h1 class="child form-title text-center  pt-3 pb-3">Contact Us</h1>
                    <div class=" form-group row ">
                        <label class="child col-sm-6 col-form-label mt-auto mb-auto text"><h5>Full Name</h5></label>
                        <div class="child col-sm-6 mt-auto mb-auto ">
                            <input type="text">
                        </div>
                    </div>
                    <div class=" form-group row ">
                        <label class="child col-sm-6 col-form-label mt-auto mb-auto text"><h5>Email address</h5></label>
                        <div class="child col-sm-6 mt-auto mb-auto ">
                            <input type="email">
                        </div>
                    </div>
                    <div class=" form-group row ">
                        <label class="child col-sm-6 col-form-label mt-auto mb-auto text"><h5>Phone</h5></label>
                        <div class="child col-sm-6 mt-auto mb-auto ">
                            <input type="text">
                        </div>
                    </div>
                    <div class="form-group row ">
                        <label class="child col-sm-6 col-form-label mt-auto mb-auto msg text"><h5>Message</h5></label>
                        <div class="child col-sm-6 mt-auto mb-auto ">
                            <textarea class="form-control" rows="3" cols="50"></textarea>
                        </div>
                    </div>
                    <button type="submit" class=" child mt-5 mb-5 btn btn-primary">SUBMIT</button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>