-
Notifications
You must be signed in to change notification settings - Fork 3
/
apply.html
138 lines (136 loc) · 7.43 KB
/
apply.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Team 10 Funding Application page</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="team10.css">
<script type="text/javascript" src="apply.js"></script>
<style>
@import url('https://fonts.googleapis.com/css?family=Cabin|Dosis');
</style>
<!-- The paper plane icon for the submit button. -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>
<body>
<div class="jumbotron text-center" style="margin-bottom:0">
<h1>Team 10 Research Page</h1>
<p>This is the page where you can apply for funding.</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>
<main class="container" style="margin-bottom:0">
<h1>
Applying for funding.
</h1>
<p1>
If you'd like to apply for your relavant funding<br> Please fill out the form below and attach a CV.
</p1>
<p2>
<div class="form-group">
<label for="name">Full name:</label>
<textarea class="form-control" rows="1" id="name"></textarea>
</div>
<!-- Remember the funding that is clicked on -->
<div class="form-group">
<label for="fundingID">Funding:</label>
<textarea class="form-control" rows="1" id="fundingID"></textarea>
</div>
<div class="form-group">
<label for="comment">Why you should get this funding:</label>
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
<div class="file-upload-wrapper">
<label for="input-file-now" class="file-upload">
</label>
<input type="file" id="input-file-now"/>
</div>
<div class = "row">
<form class="form-apply">
<button class="btn btn-lg btn-primary btn-block" type="submit"><i class="far fa-paper-plane"></i>Submit Application</button>
</form>
</div>
</p2>
</main>
</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>