bibekchandsah/feedback.html at main · bibekchandsah/bibekchandsah · 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
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bibek Chand Sah</title>
    <!-- fav icon -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assetsfavicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/site.webmanifest">
    <link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#2218a7">
    <link rel="shortcut icon" href="assets/favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#2218a7">
    <meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
    <meta name="theme-color" content="#2218a7">
    <!-- Provide a brief description of your page -->
    <meta name="description" content="Your go-to destination for all things related to web development! and many other things. At bibekchandsah.com.np, we believe in the power of quality resources to enhance your coding skills. That's why we offer all our content free of charge, ensuring that everyone has access to the tools they need to succeed.">
    <meta name="search.description" content="bibekchandsah bcs bibekchandsah bibeksha web-development front-end development" />
    <!-- Specify keywords related to your content -->
    <meta name="keywords" content="bibek sha, bibekchandsah, bibekchandsah, web-development, resources, bibeksha10550 bibekchandsah">
    <!-- Define the author of the page -->
    <meta name="author" content="Bibek Chand Sha">
    <!-- Define the language of the content -->
    <meta name="language" content="en">
    <!-- Canonical URL to specify the preferred version of the page -->
    <link rel="canonical" href="https://bibekchandsah.github.io/bibekchandsah">
    <!-- Open Graph meta tags for social media sharing -->
    <meta property="og:title" content="BibekChandSah (BCS)">
    <meta property="og:description" content="Your go-to destination for all things related to web development! and many other things. At bibekchandsah.com.np, we believe in the power of quality resources to enhance your coding skills. That's why we offer all our content free of charge, ensuring that everyone has access to the tools they need to succeed.">
    <meta property="og:image" content="https://bibekchandsah.github.io/bibekchandsah/assets/images/BCS_Full_Share.png">
    <meta property="og:url" content="https://bibekchandsah.github.io/bibekchandsah">
    <meta property="og:type" content="website">
    <!-- Twitter Card meta tags -->
    <meta name="twitter:card" content="summary_large_image">
    <!--     <meta name="twitter:site" content="@YourTwitterHandle"> Replace with your Twitter handle  -->
    <meta name="twitter:title" content="BibekChandSah (BCS)">
    <meta name="twitter:description" content="Your go-to destination for all things related to web development! and many other things. At bibekchandsah.com.np, we believe in the power of quality resources to enhance your coding skills. That's why we offer all our content free of charge, ensuring that everyone has access to the tools they need to succeed.">
    <meta name="twitter:image" content="https://bibekchandsah.github.io/bibekchandsah/assets/images/BCS_Full_Share.png">
    <!-- bootstrap css -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
    <!-- Bootstrap js -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
    <!-- swipper -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <!-- font-awesome CDN Link fax (https://fontawesome.com/v4/icons/)-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- animate in scroll Jsr (https://michalsnik.github.io/aos) -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body class="bg-darkk">
    <!-- Navbar  -->
    <div class="navigationBar">
        <!-- dynamic navbar 👇🏻 -->
    </div>
    <!-- tool container -->
    <div class="toolContainer">
        <!-- dynamic tool container 👇🏻 -->
    </div>
    <!-- feedback form -->
    <div class="container mt-5 my-5 pt-5">
        <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg mt-5">
            <div class="col-lg-10 mx-auto p-3 p-lg-5 pt-lg-5">
                <h1 class="display-4 fw-bold lh-1 text-body-emphasis text-center">Feedback Form</h1>
                <form action="https://formsubmit.co/cbc2db3218c11558c12531ba6f13e46a" method="POST" class="needs-validation" novalidate>
                    <div class="row g-3">
                        <div class="col-sm-6">
                            <label for="firstName" class="form-label">First name</label>
                            <input type="text" name="name" class="form-control" id="firstName" placeholder="Enter your first name" value="" required="">
                            <div class="invalid-feedback"> Valid first name is required. </div>
                        </div>
                        <div class="col-sm-6">
                            <label for="lastName" class="form-label">Last name</label>
                            <input type="text" class="form-control" id="lastName" placeholder="Enter your last name" value="">
                            <div class="invalid-feedback"> Valid last name is required. </div>
                        </div>
                        <div class="col-12">
                            <label for="email" class="form-label">Email</label>
                            <input type="email" name="email" class="form-control" id="email" placeholder="you@example.com" required="">
                            <div class="invalid-feedback"> Please enter a valid email address. </div>
                        </div>
                        <div class="col-12">
                            <label for="title" class="form-label">Title</label>
                            <input type="text" name="_subject" class="form-control" id="title" placeholder="Enter title" value="" required="">
                            <div class="invalid-feedback"> Valid title is required. </div>
                        </div>
                        <div class="mb-3">
                            <label for="exampleFormControlTextarea1" class="form-label">Write your message</label>
                            <textarea class="form-control" name="message" id="exampleFormControlTextarea1" rows="3" required=""></textarea>
                        </div>
                        <input type="hidden" name="_next" value="https://bibekchandsah.github.io/kiitcse/thankyou.html">
                </form>
                <div class="d-grid gap-2 d-md-flex justify-content-md-center mb-4 mb-lg-3 pb-lg-5">
                    <button type="submit" class="btn btn-outline-primary btn-lg px-4">Submit</button>
                </div>
            </div>
        </div>
    </div>
    <!-- online status toast -->
    <div class="onlineStatusToast">
        <!-- dynamic toast 👇🏻 -->
    </div>
    <!-- footer section -->
    <div class="footerContainer">
        <!-- dynamic footer 👇🏻-->
    </div>
    <!-- Total Visit Count -->
    <div class="visitCountContainer">
    <!-- dynamic page visit counter 👇🏻-->
    </div>
    <!-- back to top -->
    <a anim="ripple" href="#" class="scrollup show-scroll" id="scroll-up"><button type="button" class="btn btn-outline-primary"><i class="fa fa-arrow-up" aria-hidden="true"></i></button></a>
    <script src="assets/js/script.js"></script>
    <script src="assets/js/calendar.js"></script>
    <script>
        // form validation in submit feedback form
        // Fetch all the forms we want to apply custom Bootstrap validation styles to
        const forms = document.querySelectorAll('.needs-validation')
        // Loop over them and prevent submission
        Array.from(forms).forEach(form => {
            form.addEventListener('submit', event => {
                if (!form.checkValidity()) {
                    event.preventDefault()
                    event.stopPropagation()
                }

                form.classList.add('was-validated')
            }, false)
        })

    </script>
</body>

</html>