forked from JEFF-MIKE/cs3305_teamten
-
Notifications
You must be signed in to change notification settings - Fork 0
/
submitDoc.html
132 lines (127 loc) · 7.35 KB
/
submitDoc.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Page for submitting research documents</title>
<!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/4.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="submitDoc-1.css" rel="stylesheet">
<link href="team10.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css?family=Cabin|Dosis');
</style>
</head>
<body class="text-center">
<header class="jumbotron text-center" style="margin-bottom:0">
<h1>Submit research documents here</h1>
</header>
<!-- 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="#">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>
<form class="form-signin">
<h1 class="h3 mb-3 font-weight-normal">Please Enter your ID number and upload your file.</h1>
<label for="idNumber" class="sr-only">ID Number</label>
<input type="userId" id="idNumber" class="form-control" placeholder="Enter User ID" required autofocus>
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="container d-flex h-100">
<div class="file-upload">
<button class="file-upload-btn" type="button" onclick="$('.file-upload-input').trigger( 'click' )">Add File</button>
<div class="file-upload-wrap">
<input class="file-upload-input" type='file' onchange="readURL(this);" accept=".pdf" />
<div class="drag-text">
<h3>Drag and drop a file or select Add File</h3>
</div>
</div>
<div class="file-upload-content">
<img class="file-upload-file" src="#" alt="your file" />
<div class="file-title-wrap">
<button type="button" onclick="removeUpload()" class="remove-file">Remove <span class="file-title">Uploaded File</span></button>
</div>
</div>
</div>
</div>
<button class="btn btn-lg btn-primary btn-block" id="submit" type="submit">Submit Documents.</button>
<a class="btn btn-lg btn-primary btn-block" id="view" href="viewdocs.html" role="button">View Submitted Documents</a>
</form>
<!-- <a class="btn btn-lg btn-primary btn-block" id="view" href="viewdocs.html" role="button">View Submitted Documents</a> -->
</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>