-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (85 loc) · 4.81 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSW ACM Chapter | Home</title>
<link href="css/fonts.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<div class="flex-row">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand ml-auto csw" style="color:#006ED4;" href="#">CSW<span class="acm">ACM</span></a>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav ml-auto">
<!--<li class="nav-item active">
<a class="nav-link" href="#">HOME <span class="sr-only">(current)</span></a>
</li> -->
</ul>
</div>
</div>
</nav>
</div>
</head>
<body>
<div class="cover-container text-center d-flex p-3 mx-auto flex-column">
<div class="container cover">
<h1 class="lato-bold" style="font-size: 5.5rem;">Charter<span class="lato-light">ACM</span></h1>
<hr class="my-5" style="border-top: 2px solid #FFFFFF; width: 20rem;">
<h3 style="font-size: 2rem;">The Offical Website<br>of the <br>Charter School of Wilmington ACM Chapter</h3>
</div>
</div>
<div class="calltoaction">
<div class="container text-center calltoaction-text">
<h4 class="lead">A bit about us...</h4>
<p>The Charter School of Wilmington is one of the 3 high schools in the world that possess an offical Association for Computing Machinery (ACM) Chapter. Moving beyond simply being an ordinary computer club, our ACM chapter represents an extension of one of the planet's most prestigious computer research organizations. <br><br> Here you will be able to find links to our repositories and curriculum resources. Feel free to take a look around! </p>
</div>
</div>
<div class="container" style="padding-top: 20px;">
<h4 class="lead text-center">Areas of interest and lesson topics</h4>
<div class="row text-center lato-light" style="color: black;">
<div class="col-lg-4">
<div style="padding: 25px 25px;">
<i class="fas fa-5x fa-desktop"></i>
</div>
<h2>Web Design</h2>
<p>The web surrounds us, and is rapidly becoming more involved in all facets of life. Just about everyone has access to the internet, but without web design there wouldn't be anything to do! We teach web development techniques and languages (e.g. HTML/CSS, JavaScript, PHP, SQL, etc.) and additionally take a look at design principles. In doing so, we provide a comprehensive curriculum that prepares people to create effective and efficient web apps.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<div style="padding: 25px 25px;">
<i class="fas fa-5x fa-server"></i>
</div>
<h2>Networking</h2>
<p>Server infrastructure is a very crucial area within computer science. Networking forms the backbone for everything from text messages to the internet. However, learning networking on your own can be difficult. ACM plans to help resolve this issue by providing the opportunity to learn basic networking, as well as operation and management of Linux servers.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<div style="padding: 25px 25px;">
<i class="fas fa-5x fa-terminal"></i>
</div>
<h2>Artificial Intelligence</h2>
<p>AI is a rapidly expanding field in computer science, so we just have to cover it! Although AI is a new focus for CSW ACM, we already have a variety of exciting lessons planned! We'll be teaching people how to use powerful machine learning tools like TensorFlow and giving a behind the scenes look at how the code for AI actually works.</p>
</div><!-- /.col-lg-4 -->
</div>
<div class="row text-center lato-light" style="color: black;">
<!--
<div class="col-lg-4">
<p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
</div>
<div class="col-lg-4">
<p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
</div>
<div class="col-lg-4">
<p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
</div>
-->
</div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
</html>