acecoes.github.io/index.html at master · RemyPfender/acecoes.github.io · GitHub

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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!-- Assoc. of Cyber Engineers Website -->
<!-- Currently lacking another background for the initial header. -->
<!-- Most of the JS used is just bootstrap, which I link to below. -->

<!DOCTYPE html>
<html>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

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

    <!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

		<!-- Optional theme -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

		<!-- 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>

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

  <body>

		<!-- Top Navigation Bar -->
	   <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="./index.html" style="color:black;"><u>Home</u></a></li>
          <li><a href="./tools.html">Tools</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="./about.html">About Us</a></li>
          <li><a href="./resources.html">Resources</a></li>
        </ul>
      </div>
    </div>

		<!--Initial Header-->
		<div class="jumbotron">
      <div class="container">
        <h1>The Association of Cyber Engineers</h1>
        <div class="shade"></div>
        <p>
					The Association of Cyber Engineers is
					an organization at Louisiana Tech to promote the field of Cyber Engineering.
					We strive for out of class room learning so that we can adapt to the
					real world of cyber security and dynamic learning.
				</p>
      </div>
		</div>

		<!--Main Informational Content-->
		<div class="learn-more">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<h3>Who We Are</h3>
						<p>
							The Association of Cyber Engineers (ACE) is the first organization of its kind,
							helping students not only learn about the fundamentals of cyber security, but also providing a
							platform and professional connections for members to use to excel their
							college career. ACE welcomes all students &#8209; from Engineering to Business to Education. We strive to help
							everyone understand more about Cyber Engineering and how everyone has a
							role in cyber security.
						</p>
					</div>
					<div class="col-md-4">
					<h3>What We Do</h3>
						<p>
							We believe that you learn best in a hands-on environment, so instead of
							having someone lecture at meetings and tell you about a topic, we give
							you the tools and actually do it. We discuss and demonstrate all kinds
							of cyber related topics including: Steganography, Python Scripting,
							Hacking, Cryptography, and Forensics. In addition to learning about cool
							new topics that you would not otherwise learn in class, ACE members get
							to make connections with other students who share similar interests and
							professionals in the Cyber Engineering, Cyber Security, and Cryptology fields.
						</p>
					</div>
					<div class="col-md-4">
						<h3>Where To Find Us</h3>
						<p>
							We have meetings every Monday in Nethken 140 at 6:00PM. You can contact us at
							<a href="mailto:acecoes@latech.edu" target="_top">acecoes@latech.edu</a>
							for any questions or comments.
						</p>
					</div>
				</div>
			</div>
		</div>

		<!--Concepts and Tools-->
		<div class="parallax"></div>
		<div class="information-panel">
			<div class="container">
				<h2>What We Do</h2>
				<p>
					These are some of our favorite things to
					cover and use in meetings. From concepts to tools, we love it all.
				</p>

        <!-- containers for Linux Mint XFCE information -->
        <div class="container">
          <div class="row">

            <!-- 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>
              </div>
            </div>

            <div class="col-md-10">
              <!-- Name -->
              <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>
            </div>
          </div>
        </div>

        <!-- containers for VirtualBox information -->
        <div class="container">
          <div class="row">

            <!-- 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>
              </div>
            </div>

            <div class="col-md-10">
              <!-- Name -->
              <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>
            </div>
          </div>
        </div>

        <!-- containers for Python information -->
        <div class="container">
          <div class="row">

            <!-- 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>
            </div>

            <div class="col-md-10">
              <!-- Name -->
              <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>
            </div>
          </div>
        </div>

          <p>For more of our favorite tools, refer to our <a href="./tools.html">tools page</a>.</p>

				</div>
			</div>
		</div>
		<div class="parallax_1"></div>

    <div class='information-panel'>
      <div class='footerText'>
        <div class="container">
          <div class="footerContainer">

            <p>Contact Us: <a href="emailto:acecoes@latech.edu">acecoes@latech.edu</a></p>

            <!-- Thumbnails -->
            <div class = "centered">
            <div class="row">
                <a href="https://www.facebook.com/groups/Cyber.Engineers/?fb_dtsg_ag=AdznsI73_STSjnf9Wag_oZ6UTKCi5_S2yzyjDgXDjgZ-yA%3AAdwLgQJwdqkUJsB8QBBtvxQz6--7NMr8yIg3hc3wlvnTbA">
                  <i class="fa fa-facebook fa-2x" aria-hidden="true"></i>
                </a>

                <a href="https://twitter.com/@LaTechACE">
                  <i class="fa fa-twitter fa-2x" aria-hidden="true"></i>
                </a>

                <a href="https://github.com/acecoes">
                  <i class="fa fa-github fa-2x" aria-hidden="true"></i>
                </a>
            </div>
            </div>


          <p>Website for the Association of Cyber Engineers -- Louisiana Tech University -- 2018</p>
        </div>
      </div>
      </div>
    </div>

  </body>
</html>