Portfolio/contact.html at main · spideyWebb/Portfolio · 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font_awesome.min.css">
    <link rel="stylesheet" href="custom_css/style4.css">
    <title>Contact</title>
</head>

<body>

    <!-- navbar start -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm sticky-top">
        <div class="container-fluid">
            <a class="navbar-brand mb-0 h1 text-danger fs-4" href="./index.html">N.K</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-end fs-5 " id="navbarNav">
                <ul class="navbar-nav me-5">
                    <li class="nav-item me-5">
                        <a class="nav-link " href="./index.html">Home</a>
                    </li>
                    <li class="nav-item me-5">
                        <a class="nav-link" href="./about.html">About</a>
                    </li>
                    <li class="nav-item me-5">
                        <a class="nav-link" href="./services.html">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active text-danger text-decoration-underline" aria-current="page" href="./contact.html">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div id="alert"> </div>

    <!-- navbar end -->

    <!-- contact page start -->
    <section class="contact-page py-5">
        <h1 class="text-center fw-bold">Contact Me</h1>
        <div class="container py-5">
            <div class="row">
                <div class="col-md-4 ">
                    <div class="contact-left">
                        <div class="fs-4 "><i class="far fa-envelope text-danger "></i></div>
                        <div class="text ms-3">
                            <h3> Email</h3>
                            <p class="text-muted">nkumar35101@gmail.com</p>
                        </div>
                        <div class="fs-4 "><i class="fas fa-mobile-alt text-danger "></i></div>
                        <div class="text ms-3">
                            <h3> Phone</h3>
                            <p class="text-muted">+91_7631124942</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-8 mt-4">
                    <div class="contact-right">
                        <div class="row ">
                            <div class="col-md ">
                                <label for="name">Your Name</label>
                                <input type="text" class="form-control shadow p-3 mb-5 bg-body rounded" id="name"
                                    placeholder="enter your name">
                            </div>
                            <div class="col-md">
                                <label for="email">Your Email address</label>
                                <input type="email" class="form-control shadow p-3 mb-5 bg-body rounded" id="email"
                                    placeholder="enter your email-id">
                            </div>
                        </div>
                        <div class="col-md">
                            <label for="subject">Your Subject</label>
                            <input type="text" class="form-control shadow p-3 mb-5 bg-body rounded" id="subject"
                                placeholder="enter your subject">
                        </div>
                        <div class="col-md">
                            <div class="mb-3">
                                <label for="text_area" class="form-label">Your Message</label>
                                <textarea class="form-control shadow p-3 mb-5 bg-body rounded" id="text_area" rows="3"
                                    placeholder="enter your message"></textarea>
                            </div>
                        </div>
                        <button type="button" id="btn" class="btn btn-danger">Send Message</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- contact page end -->


    <!-- footer start -->


    <footer class="container-fluide bg-light shadow-sm text-muted">
        <div class="container">
            <div class="row py-3">

                <div class="col-md-8">
                    <span>Follow me : </span>
                    <a href="https://twitter.com/nkumar35101" target="blank"> <i class="fab fa-twitter me-3 ms-3 text-danger"></i> </a>
                    <a href=" https://www.instagram.com/nitesh_chaurasiya_2.0/" target="blank"> <i class="fab fa-instagram me-3 text-danger"></i> </a>
                    <a href="https://www.linkedin.com/in/nitesh-kumar-57b598204/" target="blank"> <i class="fab fa-linkedin me-3 text-danger"></i> </a>
                    <a href="https://github.com/niteshKrr" target="blank"> <i class="fab fa-github text-danger"></i> </a>
                </div>

                <div class="col-md-4">
                    <small>Designed By : Nitesh Kumar</small>
                </div>


            </div>
        </div>

    </footer>


    <!-- footer end -->
    <script src="js/contact.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
</body>

</html>