forked from cuadvancelab/cuadvancelab.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
125 lines (125 loc) · 5.21 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="EASER SaTC website"
content="Web site created using create-react-app"
/>
<!--Bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>AI Cyberbully Labs</title>
</head>
<body>
<div class="layout">
<!-- Begin Header -->
<div class="header-container">
<!-- Begin Navigation -->
<header class="navbar navbar-expand-sm navbar-light fixed-top header">
<nav class="nav-container container-xxl">
<a href="index.html" class="navbar-brand">EAGER SaTC</a>
<button id="hamburger-button" class="navbar-toggler" type="button" data-bs-toggle="collapse" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<ul id="navigation" class="nav-list navbar-nav flex-row">
<li class="nav-item col-md-auto">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item col-md-auto">
<a href="labs.html" class="nav-link">Labs</a>
</li>
<li class="nav-item col-md-auto">
<a href="publications.html" class="nav-link">Publications</a>
</li>
<li class="nav-item col-md-auto">
<a href="about.html" class="nav-link">About</a>
</li>
</ul>
</nav>
</header>
<!-- End Navigation -->
<div class="hero-bg">
<div>
<h3 class="hero-title">
SaTC-EDU: Learning Platform and Education Curriculum for AI-Driven Socially-Relevant Cybersecurity
</h3>
</div>
</div>
</div>
<!-- End Header -->
<!-- Begin About -->
<div class="container-fluid">
<div class="lab-container">
<div class="title">
<h3>About us </h3>
</div>
<div class="brief-intro">
<p>
EAGER SaTc AI-Cybersecurity Lab is .... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet elit vitae leo posuere tincidunt. Nullam vel odio elementum, dapibus felis tempor, dapibus velit. Cras egestas suscipit felis, at varius arcu varius eu. Duis velit dolor, vulputate vel elit nec, venenatis dignissim tortor. Fusce sed erat interdum, commodo magna id, feugiat est. Proin erat mi, tempor eu iaculis id, molestie a dolor.
</p>
</div>
</div>
<div class="team-bg">
<div class="lab-container">
<div class="title">
<h3>The Team</h3>
</div>
<div class="row row-cols-1 row-cols-sm-3 g-4">
<div class="col">
<div class="card h-100">
<img src="https://via.placeholder.com/215x180" class="card-img-top" alt="..."/>
<div class="card-body">
<h5 class="card-title">Title</h5>
<p class="card-text"> Name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="https://via.placeholder.com/215x180" class="card-img-top" alt="..."/>
<div class="card-body">
<h5 class="card-title">Title</h5>
<p class="card-text">Name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="https://via.placeholder.com/215x180" class="card-img-top" alt="..."/>
<div class="card-body">
<h5 class="card-title">Title</h5>
<p class="card-text">Name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="https://via.placeholder.com/215x180" class="card-img-top" alt="..."/>
<div class="card-body">
<h5 class="card-title">Title</h5>
<p class="card-text">Name here</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End About -->
<!-- Begin Footer -->
<div class="container-fluid">
<footer class="lab-container footer">
<div class="line">
© <time dateTime="12-10-2021" id="copyright-date"></time> EAGER SaTC AI-Cybersecurity Lab
</div>
</footer>
</div>
<!-- End Footer -->
</div>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>