-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathnews.html
155 lines (155 loc) · 9.59 KB
/
news.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
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Team 10 Research Page</title>
<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">
<link rel="stylesheet" href="news.css">
<style>
@import url('https://fonts.googleapis.com/css?family=Cabin|Dosis');
</style>
</head>
<body>
<header class="jumbotron text-center" style="margin-bottom:0">
<h1>Team 10 Research Page</h1>
<p>News and events</p>
</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="submitDoc.html">Submit Documents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">News Updates</a>
</li>
<input type="text" placeholder=" Search..">
</ul>
</div>
</nav>
<main>
<section class="details-card">
<div class="container">
<div class="row">
<!--
<ol class="carousel-indicators">
<li data-target="#blogCarousel" data-slide-to="0" class="active"></li>
<li data-target="#blogCarousel" data-slide-to="1"></li>
</ol>
-->
<div class="col-md-4">
<div class="card-content">
<div class="card-img">
<img src="Car.jpg" alt="A picture of a pit crew fixing a racing car at a nascar event" >
<span><h4>News</h4></span>
</div>
<div class="card-desc">
<h3>SFI Wishes Good Luck to Teams Competing at Formula Imperial</h3>
<p><i>On December 12, 2018</i></p>
<p>Each year, SFI Affiliate sanctioning body Imperial Society of Innovative Engineers (ISIE) in India hosts a student engineering competition in which teams demonstrate and prove their creativity and their engineering skills to compete with a Formula-style vehicle in areas of engineering design, safety, overall cost, marketability and</p>
<a href="https://sfifoundation.com/sfi-wishes-good-luck-to-teams-competing-at-formula-imperial/" class="btn-card">Read more</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card-content">
<div class="card-img">
<img src="events.jpg" alt="students huddled over a table reading a page and talking">
<span><h4>Events</h4></span>
</div>
<div class="card-desc">
<h3>I'm an Engineer, Get me out of here!</h3>
<p><i>4 March – 17 March 2019</i></p>
<p>I’m an Engineer, Get me out of here! is an online STEM enrichment activity where students connect with engineers and talk about the things that really matter to them. Students challenge the engineers over fast-paced online text-based live CHATs. They ASK the engineers anything they want, and </p>
<a href="http://www.sfi.ie/events/#/?i=1" class="btn-card">Read more</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card-content">
<div class="card-img">
<img src="DORA.png" alt="logo for Declaration of Research Assessment San Francisco, comprises the words 'Signatory of DORA' with spikes coming inward with all different colours of the rainbow">
<span><h4>News</h4></span>
</div>
<div class="card-desc">
<h3>SFI Joins DORA</h3>
<p><i>On 14th February 2019</i></p>
<p>Science Foundation Ireland has become a signatory to the San Francisco Declaration of Research Assessment (DORA), making a formal commitment to assessing the quality and impact of research through means other than journal impact factors.DORA comprises a set of recommendations that respond to the pressing need to</p>
<a href="http://www.sfi.ie/research-news/news/sfi-joins-dora/" class="btn-card">Read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
</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>