forked from joyceykao/advlanding
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (145 loc) · 7.99 KB
/
index.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
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Finite Element Zürich (FEZ)</title>
<link rel="shortcut icon" href="assets/media/favicon.jpeg" type="image/x-icon">
<meta name="description" content="A virtual hub to share finite element analysis workflows for biomechanics research">
<!-- The important stuff for appearance on social media -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Finite Element Zürich (FEZ)">
<meta property="og:description" content="A virtual hub to share finite element analysis workflows for biomechanics research">
<meta property="og:image" content="https://joyceykao.github.io/advlanding/assets/media/SM_logo.jpg">
<meta name="twitter:image" content="https://joyceykao.github.io/advlanding/assets/media/SM_logo.jpg" type="image/png">
<meta property="og:url" content="https://joyceykao.github.io/advlanding/index.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-05RCYSM617"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-05RCYSM617');
</script>
</head>
<body>
<!-- START: Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<a class="navbar-brand invisible" href="index.html"><img src="./assets/media/FEZLogoHeatMap-300dpi.png" alt="" height="36px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="workflows.html">Workflows</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:[email protected]?">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- START: Navigation Bar -->
<!-- Main Logo -->
<img src="./assets/media/FEZLogoHeatMap-300dpi.png" alt="" id="logo" width="45%">
<!-- START: Welcome text -->
<div class="container mt-3">
<p>
Welcome to FEA Zürich (FEZ), a virtual hub to share finite element analysis workflows for biomechanics research. FEZ is a collaboration between the Palaeontological Institute and Museum (PIM) and the Institute of Evolutionary Medicine (IEM). FEZ was founded by Dr. Eva Herbst, Dr. Nicole Webb, and Dylan Bastiaans to unite researchers using FEA to answer biological questions. The goal of this website is to form a finite element analysis community across various institutions and disciplines to increase access to this modeling methodology.
</p>
</div>
<!-- END: Welcome text -->
<!-- START: Section for Cards to About Us and Workflows pages-->
<div class="container pt-3 pb-3">
<div class="center flex-row d-lg-flex justify-content-between">
<!-- START: About Us Card -->
<a class="card col-xs-12 col-sm-12 col-md-12 col-lg-3 d-flex align-items-center justify-content-around" href="aboutus.html">
<h2>About Us</h2>
<p>The people and research behind FEZ who keep the community running.</p>
</a>
<!-- END: About Us Card -->
<!-- START: Animated Video Card -->
<div class="card col-xs-12 col-sm-12 col-md-12 col-lg-6" id="middle-image-video">
<video autoplay loop muted width="100%" height="295">
<source src="./assets/media/logo_notext_1.mp4" type="video/mp4">
<source src="./assets/media/fezlogo.webm" type="video/webm">
<source src="./assets/media/logo_notext_1.mov" type="video/mov">
Sorry, your browser doesn't support embedded videos.
</video>
</div>
<!-- END: Animated Video Card -->
<!-- START: Workflow Card -->
<a class="card col-xs-12 col-sm-12 col-md-12 col-lg-3 d-flex align-items-center justify-content-around" href="workflows.html">
<h2>Workflows</h2>
<p>Explore finite element analysis workflows in our GitHub community.</p>
</a>
<!-- END: Workflow Card -->
</div>
</div>
<!-- END: Section for Cards to About Us and Workflows pages-->
<!-- START: Highlights Section-->
<div class="container mt-3 pt-3 pb-3">
<h1 class="p-3">FEZ Highlights</h1>
<!-- START: Highlight Card-->
<div class="highlight-box d-lg-flex">
<div class="container d-flex align-items-center flex-column justify-content-around p-3">
<h2>New Publication by Herbst et al.</h2>
<h4>Do material properties of teeth affect models of feeding biomechanics?</h4>
</div>
<div class="container">
<img src="./assets/media/graphical_abstract_correct_dpi_correct_dimensions.png" alt="" id="logo" width="100%">
</div>
</div>
<!-- END: Highlight Card-->
</div>
<!-- END: Highlights Section-->
<!-- START: Institute Logos-->
<div class="container d-lg-flex justify-content-between">
<div class="container">
<a href="https://www.iem.uzh.ch/en.html">
<img src="./assets/media/IEM_logo_black_bg.png" height="150px">
</a>
</div>
<div class="container">
<a href="https://www.pim.uzh.ch/">
<img src="./assets/media/PIM_logo_blackbg.PNG" height="150px">
</a>
</div>
<div class="container">
<a href="https://www.grc.uzh.ch/de.html">
<img src="./assets/media/GRC_UZH_logo_black_bg.png" height="150px">
</a>
</div>
</div>
<!-- END: Institute Logos-->
<!-- START: Footer -->
<div class="footer">
<div class="footer-links">
<a href="https://github.com/FEZ-Finite-Element-Zurich"><i class="fab fa-github"></i></a>
<a href="https://finiteelementzurich.slack.com/join/shared_invite/zt-lx6ns6fb-_YBEaCm_tuOz_UfZzNRiwg#/"><i class="fab fa-fw fa-slack"></i></a>
<a href="mailto:[email protected]?"><i class="fas fa-envelope"></i></a>
</div>
<div class="footer-links">
<ul style="list-style-type:none;text-align:left;">
<li>Report a problem or suggest an improvement by<u><a href="https://github.com/FEZ-Finite-Element-Zurich/fez-finite-element-zurich.github.io/issues">opening an issue</a></u>on our GitHub repository</li>
<li>This website content is licensed <u><a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY SA 4.0</a></u></li>
</ul>
</div>
</div>
<!-- END: Footer -->
<!-- BELOW: JS scripts needed for Bootstrap -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>