-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
91 lines (86 loc) · 4.37 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Section For SEO -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Title -->
<title>Home</title>
<!-- Linking Bootstrap and CSS -->
<link rel="icon" href="img/logo.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="css/home.css">
</head>
<body style="overflow-x: hidden">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#" id="AVIT">AchieveVIT</a>
<a class="nav-link ml-auto" ><img src="img/vitlogo.png" id="vitlogo" alt=""></a>
</nav>
<div class="container">
<div class="row mt-5">
<div class="col-12 col-md-6">
<img src="img/home_img.png" id="about_img">
</div>
<div class="col-12 col-md-1"></div>
<div class="col-12 col-md-5 mt-3" id="right_content">
<div class="row mr-auto heading">
Where you, and your
</div>
<div class="row ml-auto heading">
achievements matter!
</div>
<div class="row mt-3 mr-3" style="font-weight: bolder;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
</div>
<div class="container">
<div class="row mt-5">
<div class="col-12 col-md-6 px-5">
<div class="container emp_box py-1">
AchieveVIT for Employees
</div>
<div class="container emp_box2">
<div class="row px-3 py-3" style="color: #2E6DA4; font-size:large; font-weight: bolder;">
Tell the world what you are upto, <br>
and get inspired by your colleagues!
</div>
<div class="row pr-5">
<button type="button" class="btn mb-4 ml-auto" onclick="window.location.href='login_employee.html'">Login</button>
</div>
</div>
</div>
<div class="col-12 col-md-6 px-5">
<div class="container emp_box3 py-1">
AchieveVIT for HR Department
</div>
<div class="container emp_box4">
<div class="row px-3 py-3" style="color: #5DA1DB; font-size:large; font-weight: bolder;">
Need to know all the details? <br>
Login and make you work easier!
</div>
<div class="row pr-5">
<button type="button" class="btn2 mb-4 ml-auto" onclick="window.location.href='login_hr.html'">Login</button>
</div>
</div>
</div>
</div>
</div>
<footer id="sticky-footer" class="py-3 px-4" style="margin-top: 94px;">
<div class="row">
<div class="mr-auto" >
<img class="mr-3 ml-3" src="img/linkedin.png" style="width: 20px; height:20px">
<img class="mr-3" src="img/insta.png" style="width: 20px; height:20px">
<img src="img/fb.png" style="width: 20px; height:20px">
</div>
<div class="ml-auto mr-4" style="color: white;">
Copyright © Vellore, VIT
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>