Library-Management-System/creation.htm at main · madhurimarawat/Library-Management-System · 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
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel = "stylesheet" href="css/style.css">
    <!-- Bootstrap CSS  CDN-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">

    <title>Student Corner</title>
  </head>
  <body>
  <div class="fluid-container">
    <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">

    <a class="navbar-brand" href="index.html">
    <img src="Image\Logo.png" width="140" height="80" alt="logo">
  </a>

  <button class="navbar-toggler" type="button" data-toggle="collapse"
  data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  aria-expanded="false" aria-label="Toggle navigation">


    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="index.htm">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="ABOUT.HTML">About</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
          Registration
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item">Student Registration</a>
          <a class="dropdown-item" href="COLLEGEFORM.HTML">College Registration</a>
          <a class="dropdown-item" href="TEACHER-FORM.HTML">Teacher Registration</a>
        </div>
      </li>
    </ul>
  </div>
</nav>
</div>

<div class="fluid-container" >
<div class="row">
        <div class="col-md-12">
                <h1 style="margin-top:8%; background-color:#CDF10D ; color:black; padding:60px; text-align:center" class="heading_1">Your Creations</h1>

         </div>
</div>
</div>
<br>
<br>
<!-------------- student Slide Ends From Here------------------------------------>
<!-------------- Registration form starts From Here------------------------------------>
<div class="container heading_1">
  <div class="row">
    <div class="col-md-6">
      <div class="card">
        <img src="Image/Appreciation.jpeg" width="100%" height="100%" alt="Library Management System Image" class="card hover">
      </div>
    </div>
    <div class="col-md-6">
      <div class="card">
        <div class="card-body">
            <h1 style="color: gold">Submit Your Creations</h1><br>
			    <p>Show your creativity and talent here in student corner.</p><br>

                <div class="row">
                    <div class="col heading_1">
                      <input type="text" class="form-control heading_1" placeholder="Enter First name">
                    </div>
                    <div class="col heading_1">
                      <input type="text" class="form-control heading_1" placeholder="Enter Last name">
                    </div>
                  </div>
                  <br>
                  <div class="form-group">
                    <label for="quantity">Enter Roll number</label>
                  <input type="number"  id="quantity" name="quantity" min="300012721001" max="300012821046">
                  </div>
                  <div class="form-group heading_1">
                    <label for="exampleFormControlSelect1">Select Your Genre</label>
                    <select class="form-control heading_1" id="exampleFormControlSelect1">
                      <option>Educational</option>
                      <option>Horror</option>
                      <option>Motivational</option>
                      <option>Scientific-Fiction</option>
                      <option>Art</option>
                      <option>Humor and Comedy</option>
                      <option>History</option>
                      <option>Poetry</option>
                       <option>Religion</option>
                        <option>Psycology</option>
                        <option>Travel</option>
                        <option>Thriller</option>

                    </select>
                  </div>
                <div class="form-group heading_1">
                      <input type="text" class="form-control heading_1" placeholder="Enter Title">
                    </div>
                   <div class="form-group heading_1">
                      <input type="text" class="form-control heading_1" placeholder="Enter Your Creation">
                    </div><br>
                 <center><h3><button type="submit"  class="btn btn-primary">Submit</button></h3></center>

                    </select>

                </form>


        </div>
      </div>
    </div>
  </div>
</div>


<!-------------- Registration form Ends From Here------------------------------------>


    <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>


  </body>
</html>