Update home.html

Marin-Tony · Apr 28, 2021 · e3b11e2 · e3b11e2
1 parent ebc27d5
commit e3b11e2
Showing 1 changed file with 96 additions and 58 deletions.
diff --git a/recognition/templates/recognition/home.html b/recognition/templates/recognition/home.html
@@ -21,8 +21,6 @@
 
  </style>
 
-
-
 </head>
 <body >
 
@@ -61,69 +59,109 @@ <h1 class="text-center section-title" style="margin-bottom:2em">Attendance Syste
  color:inherit;
  text-decoration: none;
  }
- /*
- .section-title:after {
- content:' ';display:block;margin:0 auto;width:100px;margin-top: 6px;border:2px solid #d0d0d0;border-radius:4px;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
- -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
- -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
- margin-bottom:1em;
- }
- */
-
- </style>
-
-
-
-
+ </style>
+ <div class="row">
+
+ <div class="col-md-4" style="padding-left: 220px">
+ <a href='{%url "mark-your-attendance" %}'><img src="{% static 'recognition/img/enter.png' %}" class="img-responsive" style="width:200px;height:300px ;" /></a>
+ </div>
+ <div class="col-md-4" style="padding-left: 220px">
+ <a href='{%url "mark-your-attendance-out" %}'><img src="{% static 'recognition/img/exit.png' %}" class="img-responsive" style="width:200px;height:300px ;" /></a>
+ </div>
+ <div class="col-md-4" style="padding-left: 220px">
+ <a href='{%url "Four_login" %}'><img src="{% static 'recognition/img/login.png' %}" class="img-responsive" style="width:200px;height:300px"/></a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col md-3" style="padding-left: 70px" >
+ <h4 class="text-center ">Mark Your Attendance - In</h4>
+ </div>
+ <div class="col md-3" style="padding-left: 70px">
+ <h4 class="text-center ">Mark Your Attendance - Out </h4>
+ </div>
+ <div class="col md-3" style="padding-left: 70px">
+ <h4 class="text-center ">Log In </h4>
+ </div>
+ </div>
+</div>
+<style>
+.mydiv{
+ background-image: url('{% static "recognition/img/faclty.jpg"%}');
+ border: 6px;
+ text-align: center;
+ height: 500px;
+
+ background-color:#f03030; 
+ color:rgba(238, 241, 241, 0.849); 
+}
+</style>
+
+<div class="mydiv">
+ <h1> COURSES </h1>
+ <br>
+ <br>
+<h3>
+{% if cors %}
+<div class="container">
+ <table class="table table-striped" style="background-color:rgb(100, 150, 54); ">
+ <thead>
+ <tr style="color:rgb(22, 22, 21); ">
+ <th>Id</th>
+ <th>Course Name</th>
+ <th> Eligibility</th>
+ <th> Semester </th>
+ <th> Duration </th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for courses in cors %} 
+ <tr>
+ <td>{{courses.id}}</td>
+ <td>{{courses.course_name}}</td>
+ <td>{{courses.Eligibility}}</td>
+ <td>{{courses.semester}}</td>
+ <td>{{courses.Duration}}</td>
+ </tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
+ {% endif %}
+ </h3>
 
- <div class="row">
-
-
- <div class="col-md-4" style="padding-left: 220px">
- <a href='{%url "mark-your-attendance" %}'><img src="{% static 'recognition/img/enter.png' %}" class="img-responsive" style="width:200px;height:300px ;" /></a>
-
- </div>
-
- <div class="col-md-4" style="padding-left: 220px">
- <a href='{%url "mark-your-attendance-out" %}'><img src="{% static 'recognition/img/exit.png' %}" class="img-responsive" style="width:200px;height:300px ;" /></a>
+</div>
+<style>
+ .ydiv{
+ background-image: url('{% static "recognition/img/course.jpg"%}');
+ border: 6px;
+ text-align: center;
+ height: 500px;
+ }
+</style>
+<div class="ydiv" style="color: cornsilk;">
+ <h1>FACULTY DETAILS</h1>
+ {% if fac %}
+ <div class="row">
+ {% for f in fac %}
+ {{f.id}}
+ <div class="card" style="width: 20em; background-color: #796c85; text-align : center; margin-left: 5em; margin-top: 5em; color: white;">
+ <div class="card-body">
+ <h5 class="card-title" style="font-size: 28px;"> <b><u> {{f.Name}}</u></b></h5>
 
- </div>
-
- <div class="col-md-4" style="padding-left: 220px">
- <a href='{%url "login" %}'><img src="{% static 'recognition/img/login.png' %}" class="img-responsive" style="width:200px;height:300px"/></a>
-
-
- </div>
-
+ <p class="card-text" style="padding-top: 1em; font-size: 18px;"><b> {{f.position }}</b></p>
+ <p class="card-text" style="padding-top: 1em; font-size: 18px;"><b> {{f.Qualification }}</b></p>
+ <p class="card-text" style="padding-top: 1em; font-size: 18px;"><b>Department: {{f.Department }}</b></p>
 
+ <p class="card-text" style="padding-top: 1em; font-size: 18px;"><b>Joined on: {{f.date_of_joining }}</b></p>
 
+
+ </div>
  </div>
- <div class="row">
 
+ {%endfor%}
+ {% endif %}
 
- <div class="col md-3" style="padding-left: 70px" >
- <h4 class="text-center ">Mark Your Attendance - In</h4>
- </div>
- <div class="col md-3" style="padding-left: 70px">
- <h4 class="text-center ">Mark Your Attendance - Out </h4>
  </div>
-
-
- <div class="col md-3" style="padding-left: 70px">
- <h4 class="text-center ">Log In </h4>
- </div>
-
-
-</div>
-
-</div>
-
-
-
-
 
 
 
@@ -134,4 +172,4 @@ <h4 class="text-center ">Log In </h4>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 </body>
-</html>
+</html>