-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstudent.html
96 lines (85 loc) · 4.21 KB
/
student.html
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
<!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">
<title>Student Login</title>
<link rel="stylesheet" href="bootstrap-5.0.2-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="student.css">
</head>
<body>
<!-- nav -->q
<div class="nav">
<div id="logo">
<img src="somaiya-logo.png" >
</div>
<div class="item">
<a href="student.html" class="navitem">Student</a>
<a href="theory.html" class="navitem">Theory</a>
<a href="practical.html" class="navitem">Practical</a>
<a href="general.html" class="navitem">General</a>
</div>
<button class="btn">
<i class="fa fa-sign-out"></i>
</button>
</div>
<div class="student">
<!-- photo -->
<div id="photo">
student photo
</div>
<div id="details">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, quia expedita dolor, inventore doloremque nihil deserunt minus voluptates temporibus fugit fugiat nam. At eveniet deleniti cupiditate cumque dicta repellat maxime dolore illum voluptas delectus.
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, nisi animi voluptate enim voluptatem voluptatum doloremque voluptatibus! Odit possimus qui molestias ut a sint quis neque eum deserunt unde! Sed ducimus suscipit pariatur itaque?
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui provident ad veritatis nulla vel dicta debitis accusantium totam minima veniam ullam a ex numquam, unde, officia quod consectetur aut pariatur.</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, nisi animi voluptate enim voluptatem voluptatum doloremque voluptatibus! Odit possimus qui molestias ut a sint quis neque eum deserunt unde! Sed ducimus suscipit pariatur itaque?
</p>
</div>
</div>
<!-- footer -->
<div class="footer-clean">
<footer>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Legacy</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<h3>Careers</h3>
<ul>
<li><a href="#">Job openings</a></li>
<li><a href="#">Employee success</a></li>
<li><a href="#">Benefits</a></li>
</ul>
</div>
<div class="col-lg-3 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a>
<p class="copyright">Company Name © 2018</p>
</div>
</div>
</div>
</footer>
</div>
<script src="JQuery/JQuery.js" type="text/javascript"></script>
<script src="bootstrap-5.0.2-dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://kit.fontawesome.com/e17fe426b1.js" crossorigin="anonymous"></script>
</body>
</html>