GovernmentWebsiteReplica/JavaScript.html at main · Omesh37/GovernmentWebsiteReplica · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="jscss.css">
  </head>
  <body>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus perferendis velit sed exercitationem ab necessitatibus maxime, obcaecati mollitia hic itaque quos labore aspernatur nulla, fugiat provident possimus fugit, deleniti deserunt.
      Quidem laboriosam cum adipisci unde alias consectetur non, rerum voluptatibus dicta vitae ad aliquam obcaecati mollitia saepe doloribus recusandae? Totam quasi aut, iure optio sunt labore perferendis corporis alias veniam.
      Sapiente perspiciatis reprehenderit esse nam quibusdam consectetur qui omnis itaque voluptatem impedit quas est facere velit officiis atque, ex laboriosam? Doloremque, deleniti sint ad cupiditate aliquam consectetur fuga cum? Mollitia.
      Soluta, error iusto totam tempore corporis blanditiis dolor praesentium sequi delectus officiis culpa, porro beatae nam esse quis eum, aspernatur earum impedit iste officia facilis. Atque libero minima non necessitatibus.
      Velit repudiandae animi nihil quidem, rem dolor nulla reprehenderit reiciendis! Quod numquam eveniet quasi eligendi, facere accusantium a animi corrupti minima incidunt temporibus voluptates illo possimus odit est similique quam.
  </p>
  <div>
    <div>
      <h1>Form Validator</h1>
    </div>
    <form>
      <div>
        <label for="Name">Name: </label><br>
        <input type="name" id="name" placeholder="Enter Name"><br>
        <span class="error" id="nameerror"></span><br>
      </div>
      <div>
        <label for="Mobile">Mobile: </label><br>
        <input type="mobile" id="mobile" placeholder="Enter Mobile No."><br>
        <span class="error" id="mobileerror"></span><br>
      </div>
      <div>
        <label for="Email">Email: </label><br>
        <input type="email" id="email" placeholder="Enter Email"><br>
        <span class="error" id="Emailerror"></span><br>
      </div>
      <div>
        <button type="submit">Submit</button><br>
        <span id="overall"></span>
      </div>
    </form>
  </div>
  <div id="image">
    <div class="image1">
      <img src="https://images.unsplash.com/photo-1759337283317-a452c486d79a?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" id="img1" alt="image1">
    </div>
    <div class="image2">
      <img src="https://images.unsplash.com/photo-1759337283317-a452c486d79a?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" id="img2" alt="imag2">
    </div>
    <div class="image3">
      <img src="https://images.unsplash.com/photo-1759337283317-a452c486d79a?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" id="img3" alt="image3">
    </div>
  </div>

    <script src="jsjs.js" ></script>
  </body>
</html>