-
Notifications
You must be signed in to change notification settings - Fork 3
/
proposals.html
148 lines (141 loc) · 7.89 KB
/
proposals.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
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
141
142
143
144
145
146
147
148
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>List of proposals</title>
<!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/4.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="team10.css">
<style>
@import url('https://fonts.googleapis.com/css?family=Cabin|Dosis');
</style>
</head>
<body class="bg-light">
<div class="jumbotron text-center" style="margin-bottom:0">
<h1>Team 10 Research Page</h1>
<p>This is the page where you can view proposals</p>
</div>
<!-- To change nav colour change the bg-info part to be bg-somethingelse. Navbar-custom can also be changed for nice looking stuff. -->
<nav class="navbar navbar-expand-sm bg-info navbar-custom">
<a class="navbar-brand" href="index.html">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="applyredirect.html">Apply For Funding</a>
</li>
<li class="nav-item">
<a class="nav-link" href="profile.html">My Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" href="submitDoc.html">Submit Documents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">News Updates</a>
</li>
<input type="text" placeholder=" Search..">
</ul>
</div>
</nav>
<div class="my-3 p-3 bg-white rounded box-shadow">
<h6 class="border-bottom border-gray pb-2 mb-0">Calls for proposals</h6>
<div class="media text-muted pt-3">
<img data-src="holder.js/32x32?theme=thumb&bg=007bff&fg=007bff&size=1" alt="" class="mr-2 rounded">
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">Name</strong>
Proposal details
</p>
<a href="">Read More</a>
</div>
<div class="media text-muted pt-3">
<img data-src="holder.js/32x32?theme=thumb&bg=e83e8c&fg=e83e8c&size=1" alt="" class="mr-2 rounded">
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">Name</strong>
Proposal details
</p>
<a href="">Read More</a>
</div>
<div class="media text-muted pt-3">
<img data-src="holder.js/32x32?theme=thumb&bg=6f42c1&fg=6f42c1&size=1" alt="" class="mr-2 rounded">
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">Name</strong>
Proposal details
</p>
<a href="">Read More</a>
</div>
<small class="d-block text-right mt-3">
<a href="#">View more</a>
</small>
</div>
</main>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="../../assets/js/vendor/popper.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="../../assets/js/vendor/holder.min.js"></script>
<script src="offcanvas.js"></script>
</body>
<footer id="footer" class="footer mt-auto py-3">
<div class="container">
<div class="row text-center text-xs-center text-sm-left text-md-left">
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Main Links</h5>
<ul class="list-unstyled quick-links">
<li><a href="#"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="login.html"><i class="fa fa-angle-double-right"></i>Login</a></li>
<li><a href="profile.html"><i class="fa fa-angle-double-right"></i>Profile</a></li>
<li><a href="submitDoc.html"><i class="fa fa-angle-double-right"></i>Submit Documents</a></li>
<li><a href="news.html"><i class="fa fa-angle-double-right"></i>News</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Partner Sites</h5>
<ul class="list-unstyled quick-links">
<li><a href="#"><i class="fa fa-angle-double-right"></i>Site 1</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Site 2</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Site 3</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Site 4</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Site 5</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Useful Links</h5>
<ul class="list-unstyled quick-links">
<li><a href="#"><i class="fa fa-angle-double-right"></i>Link 1</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Link 2</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Link 3</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Link 4</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i>Link 5</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
<ul class="list-unstyled list-inline text-center social">
<li class="list-inline-item"><a href="javascript:void();"><i class="fab fa-facebook-square"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</hr>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center">
<p><u><a href="#">Science Foundation Ireland</a></u></p>
</div>
</hr>
</div>
</div>
</footer>
</html>