Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 16 additions & 6 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@

<head>

<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/e2d244642e.js"></script>

<!-- Beginning of Bootstrap imports -->
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">

Expand All @@ -21,6 +24,12 @@
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/ad438f45f9.js"></script>

<!-- IBM Plex Mono Font -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">

<!-- My CSS that I have been working on -->
<link rel="stylesheet" href="./src/custom/main.css">

Expand Down Expand Up @@ -81,7 +90,7 @@ <h3>Current Officers</h3>

<div class="col-md-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top thumbnail" src="./img/officers1819/madelynmcknight.jpg" alt="Madelyn Mcknight">
<img class="card-img-top thumbnail" src="./img/officers1819/madelynmcknight.jpg" alt="Madelyn Mcknight" title="Madelyn Mackight">
<div class="card-body">
<p class="card-text" style="text-align:center">
<b>President</b>
Expand All @@ -96,7 +105,7 @@ <h3>Current Officers</h3>

<div class="col-md-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top thumbnail" src="./img/officers1819/zacharybrasseaux3.jpg" alt="Zachary Brasseaux">
<img class="card-img-top thumbnail" src="./img/officers1819/zacharybrasseaux3.jpg" alt="Zachary Brasseaux" title="Zachary Brasseaux">
<div class="card-body">
<p class="card-text" style="text-align:center">
<b>Vice President</b>
Expand All @@ -111,7 +120,7 @@ <h3>Current Officers</h3>

<div class="col-md-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top thumbnail" src="./img/officers1819/justinberthelot.jpg" alt="Justin Berthelot">
<img class="card-img-top thumbnail" src="./img/officers1819/justinberthelot.jpg" alt="Justin Berthelot" title="Justin Berthelot">
<div class="card-body">
<p class="card-text" style="text-align:center">
<b>Treasurer</b>
Expand All @@ -129,7 +138,7 @@ <h3>Current Officers</h3>

<div class="col-md-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top thumbnail" src="./img/officers1819/andrewschoon2.jpg" alt="Andrew Schoonmaker">
<img class="card-img-top thumbnail" src="./img/officers1819/andrewschoon2.jpg" alt="Andrew Schoonmaker" title="Andrew Schoonmaker">
<div class="card-body">
<p class="card-text" style="text-align:center">
<b>Secretary</b>
Expand All @@ -144,7 +153,7 @@ <h3>Current Officers</h3>

<div class="col-md-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top thumbnail" src="./img/officers1819/cecesanchez.jpg" alt="Cece Sanchez" style="align: middle;">
<img class="card-img-top thumbnail" src="./img/officers1819/cecesanchez.jpg" alt="Cece Sanchez" title="Cece Sanchez" style="align: middle;">
<div class="card-body">
<p class="card-text" style="text-align:center">
<b>Historian</b>
Expand All @@ -159,7 +168,7 @@ <h3>Current Officers</h3>

<div class="col-md-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top thumbnail" src="./img/officers1819/christophersmith.jpg" alt="Christopher Smith">
<img class="card-img-top thumbnail" src="./img/officers1819/christophersmith.jpg" alt="Christopher Smith" title="Christopher Smith">
<div class="card-body">
<p class="card-text" style="text-align:center">
<b>Media Representative</b>
Expand Down Expand Up @@ -215,3 +224,4 @@ <h1>This page is currently under construction.</h1>

</body>
</html>

31 changes: 22 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<head>

<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/e2d244642e.js"></script>

<!-- Beginning of Bootstrap imports -->
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">

Expand All @@ -20,6 +24,12 @@
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/ad438f45f9.js"></script>

<!-- IBM Plex Mono Font -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">

<!-- My CSS that I have been working on -->
<link rel="stylesheet" href="./src/custom/main.css">
</head>
Expand Down Expand Up @@ -111,8 +121,8 @@ <h2>What We Do</h2>
<!-- Thumbnail -->
<div class="col-md-2">
<div class="image">
<a href="https://linuxmint.com/download.php">
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3f/Logo_Linux_Mint.png">
<a href="https://linuxmint.com/download.php" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3f/Logo_Linux_Mint.png" alt = "The Linux Mint logo" title="Linux Mint">
</a>
</div>
</div>
Expand All @@ -123,7 +133,7 @@ <h4>Linux Mint XFCE</h4>

<!-- Information -->
<p>Linux Mint is a popular distribution of the Linux operating system. It is typically used by those new to Linux as well as those that are just looking for a simple experience (as opposed to more involved distributions such as Gentoo and Arch). We typically reccomend the XFCE flavor as it is light-weight and easy to run in a virtual machine, which is our reccomendation for anyone getting started with Linux. While there are more lightweight experiences out there, they aren't tailored for beginners to the world of Linux and can seem quite daunting.</p>
<p>To find out more about the Linux Mint Project, check out the website at <a href="https://www.linuxmint.com">www.linuxmint.com</a>.</p>
<p>To find out more about the Linux Mint Project, check out the website at <a href="https://www.linuxmint.com" target="_blank">www.linuxmint.com</a>.</p>
</div>
</div>
</div>
Expand All @@ -135,8 +145,8 @@ <h4>Linux Mint XFCE</h4>
<!-- Thumbnail -->
<div class="col-md-2">
<div class="image">
<a href="https://www.virtualbox.org/wiki/Downloads">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Virtualbox_logo.png">
<a href="https://www.virtualbox.org/wiki/Downloads" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Virtualbox_logo.png" alt = "The Virtual Box logo" title="Virtual Box">
</a>
</div>
</div>
Expand All @@ -147,7 +157,7 @@ <h4>Virtual Box</h4>

<!-- Information -->
<p>Virtual Box is a free and powerful virtualization software that allows the user to create and manage virtual machines (virtual instances of operating systems running within a piece of software such as Virtual Box). It is a popular alternative to VMWare and is typically preferred by open source enthusiasts. In the Association of Cyber Engineers, we are constantly creating new virtual machines, sometimes to host an experiment (often involving new exploits) or sometimes something as simple as hosting a website we are designing. It has a wide range of uses and is a very important tool for any computer scientist or cyber engineer.</p>
<p>To find out more about Virtual Box, check out their website at <a href="https://www.virtualbox.org">www.virtualbox.org</a>.</p>
<p>To find out more about Virtual Box, check out their website at <a href="https://www.virtualbox.org" target="_blank">www.virtualbox.org</a>.</p>
</div>
</div>
</div>
Expand All @@ -159,8 +169,10 @@ <h4>Virtual Box</h4>
<!-- Thumbnail -->
<div class="col-md-2">
<div class="image">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/500px-Python-logo-notext.svg.png">
</div>
<a href="https://www.python.org/" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/500px-Python-logo-notext.svg.png" alt = "The Python logo" title="Python">
</a>
</div>
</div>

<div class="col-md-10">
Expand All @@ -169,7 +181,7 @@ <h4>Python</h4>

<!-- Information -->
<p>Python is a powerful programming language that allows us to create scripts to solve tough problems.</p>
<p>To find out more about Python, check out the website at <a href="https://www.python.org/">www.python.org</a>.</p>
<p>To find out more about Python, check out the website at <a href="https://www.python.org/" target="_blank">www.python.org</a>.</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -214,3 +226,4 @@ <h4>Python</h4>

</body>
</html>

Loading