generated from StartBootstrap/startbootstrap-modern-business
-
Notifications
You must be signed in to change notification settings - Fork 0
/
clusters.html
130 lines (117 loc) · 7.94 KB
/
clusters.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>LoVoCCS</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column h-100">
<main class="flex-shrink-0">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<!-- <a class="navbar-brand" href="index.html">-->
<!-- <img src="assets/logo.png" class="rounded d-inline-block align-middle" alt="The Local Volume Complete Cluster Survey logo" height=35> LoVoCCS-->
<!-- </a>-->
<a class="navbar-brand" href="index.html">
<img src="assets/favicon.ico" alt="The Local Volume Complete Cluster Survey logo" height="35" class="rounded d-inline-block align-text-middle">
LoVoCCS
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownProjects" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Projects</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownProjects">
<li><a class="dropdown-item" href="clusters.html">Galaxy Clusters</a></li>
<li><a class="dropdown-item" href="weak_lensing.html">Weak-Lensing</a></li>
<li><a class="dropdown-item" href="xray.html">X-ray</a></li>
<li><a class="dropdown-item" href="sz.html">Sunyaev-Zel'dovich</a></li>
<!-- <li><a class="dropdown-item" href="blog-post.html">Radio</a></li>-->
<!-- <li><a class="dropdown-item" href="blog-post.html">Ultraviolet</a></li>-->
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownPeople" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">People</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownPeople">
<li><a class="dropdown-item" href="people.html#faculty">Faculty</a></li>
<li><a class="dropdown-item" href="people.html#postdoc">Postdocs</a></li>
<li><a class="dropdown-item" href="people.html#phd">PhD Students</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="publications.html">Publications</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownData" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Data Access</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownData">
<li><a class="dropdown-item" href="cat_output.html">Catalogues/Outputs</a></li>
<li><a class="dropdown-item" href="raw_data.html">Raw Data</a></li>
</ul>
</li>
<!-- <li class="nav-item"><a class="nav-link" href="announcements.html">Announcements</a></li>-->
</ul>
</div>
</div>
</nav>
<header class="bg-dark">
<div class="bg-image" style="background-image: url('assets/card_ims/A3158_44-77_irg_crop.png');
background-position: 50% 53%;
height: 45vh;">
<div class="container d-flex align-items-center justify-content-center text-center h-100">
<div class="text-white fst-italic fst-bolder">
<h1 class="mb-3">Galaxy Clusters</h1>
</div>
</div>
</div>
</header>
<!-- Page Content-->
<section class="py-5">
<div class="container px-5 my-2">
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<div class="text-center mb-5">
<p class="lead fw-normal text-muted mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab similique, ducimus ut alias sit accusamus illum, asperiores deserunt dolorum quaerat qui! Ab, quisquam explicabo magni dolores unde beatae quam a.</p>
</div>
</div>
</div>
<div class="row gx-5">
<div class="col-12"><img class="img-fluid rounded-3 mb-5" src="https://dummyimage.com/1300x700/343a40/6c757d" alt="..." /></div>
<div class="col-lg-6"><img class="img-fluid rounded-3 mb-5" src="https://dummyimage.com/600x400/343a40/6c757d" alt="..." /></div>
<div class="col-lg-6"><img class="img-fluid rounded-3 mb-5" src="https://dummyimage.com/600x400/343a40/6c757d" alt="..." /></div>
</div>
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<div class="text-center mb-5">
<p class="lead fw-normal text-muted">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam deserunt architecto enim eos accusantium fugit recusandae illo iste dignissimos possimus facere ducimus odit voluptatibus exercitationem, ex laudantium illum voluptatum corporis.</p>
<a class="text-decoration-none" href="#!">
View project
<i class="bi-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer-->
<footer class="bg-dark py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto"><div class="small m-0 text-white">Copyright © David J Turner 2023</div></div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>