ACE_Website/test.html at master · LaTechACE/ACE_Website · 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
<!-- Assoc. of Cyber Engineers Website -->
<!-- Currently filled with Lorem Ipsum, will need assistance in writing up actual content -->
<!-- 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">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

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

  </head>

  <body>

    <!-- Top Navigation Bar -->

<div class="nav" id="mynav">

        <div class="container">
          <a href="#home" class="active">Home</a>
          <a href="#news">Tools</a>

          <a href="#contact" class="left">Contact</a>
          <a href="#about" class="left">About</a>

          <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    		<i class="fa fa-bars"></i>
  		  </a>

    	</div>

    	<script>
		function myFunction() {
		    var x = document.getElementById("mynav");
		    if (x.className === "nav") {
		        x.className += " responsive";
		    } else {
		        x.className = "nav";
		    }
		}
		</script>
</div>

<div class="container">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl. Arcu vitae elementum curabitur vitae nunc. Purus in mollis nunc sed id semper risus. Convallis a cras semper auctor neque. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Cursus risus at ultrices mi tempus imperdiet nulla. Egestas sed sed risus pretium. Integer enim neque volutpat ac tincidunt vitae. Libero enim sed faucibus turpis in eu mi bibendum. Cras semper auctor neque vitae tempus quam pellentesque nec. Quis eleifend quam adipiscing vitae proin. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Velit dignissim sodales ut eu sem integer vitae justo. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Pellentesque nec nam aliquam sem et tortor consequat. Quis auctor elit sed vulputate mi sit. Sit amet consectetur adipiscing elit. In nibh mauris cursus mattis molestie a.

Eu sem integer vitae justo eget magna. Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum. Morbi tristique senectus et netus. Convallis aenean et tortor at risus viverra. Morbi enim nunc faucibus a pellentesque sit amet porttitor eget. Sit amet massa vitae tortor condimentum lacinia quis. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Justo donec enim diam vulputate ut pharetra. Fermentum leo vel orci porta non. Ullamcorper a lacus vestibulum sed arcu. Et malesuada fames ac turpis egestas maecenas pharetra. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi.

Tempus urna et pharetra pharetra massa. Ultricies tristique nulla aliquet enim tortor. Placerat vestibulum lectus mauris ultrices. Elementum eu facilisis sed odio morbi quis commodo odio aenean. Dictum at tempor commodo ullamcorper a. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Augue eget arcu dictum varius duis at consectetur lorem. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Viverra suspendisse potenti nullam ac. Volutpat ac tincidunt vitae semper. Id diam vel quam elementum pulvinar. Elit ullamcorper dignissim cras tincidunt lobortis. Egestas dui id ornare arcu odio ut sem nulla. Urna nunc id cursus metus aliquam eleifend. Varius morbi enim nunc faucibus a pellentesque. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Facilisis mauris sit amet massa vitae tortor condimentum. Sapien et ligula ullamcorper malesuada proin libero nunc consequat interdum.

Libero id faucibus nisl tincidunt eget nullam. Sed faucibus turpis in eu mi. Est lorem ipsum dolor sit amet. Auctor elit sed vulputate mi sit amet mauris commodo quis. Mi eget mauris pharetra et ultrices neque. Lacus sed viverra tellus in hac habitasse platea. Tempor id eu nisl nunc mi ipsum faucibus. Malesuada bibendum arcu vitae elementum. Mauris pharetra et ultrices neque ornare aenean euismod elementum nisi. Pharetra magna ac placerat vestibulum lectus.

Tempus quam pellentesque nec nam aliquam sem et tortor. Enim ut tellus elementum sagittis. Dui accumsan sit amet nulla. Scelerisque varius morbi enim nunc. Pellentesque sit amet porttitor eget dolor morbi non. Nulla at volutpat diam ut venenatis tellus in metus. Vitae turpis massa sed elementum tempus egestas. Neque vitae tempus quam pellentesque nec nam aliquam sem. Senectus et netus et malesuada fames ac turpis egestas maecenas. Aliquet risus feugiat in ante. Nec nam aliquam sem et tortor consequat id porta. Sit amet commodo nulla facilisi nullam vehicula. Pulvinar neque laoreet suspendisse interdum.

Tristique nulla aliquet enim tortor at auctor. Amet risus nullam eget felis eget nunc lobortis. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Maecenas pharetra convallis posuere morbi. Ut morbi tincidunt augue interdum velit euismod. Duis at consectetur lorem donec massa. In cursus turpis massa tincidunt. Curabitur gravida arcu ac tortor dignissim convallis aenean et. Viverra aliquet eget sit amet tellus cras adipiscing enim. Sed vulputate odio ut enim. Dignissim sodales ut eu sem integer vitae justo eget magna. Nec ultrices dui sapien eget mi proin sed libero enim. Eget mi proin sed libero enim sed faucibus turpis. Eu volutpat odio facilisis mauris sit amet. Mattis pellentesque id nibh tortor id. Laoreet suspendisse interdum consectetur libero id faucibus. Metus dictum at tempor commodo ullamcorper a. Justo laoreet sit amet cursus sit amet dictum.

Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Fermentum odio eu feugiat pretium nibh ipsum. Faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam. Netus et malesuada fames ac turpis egestas sed. Tempus urna et pharetra pharetra massa massa. Amet purus gravida quis blandit. Ornare massa eget egestas purus viverra. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Mi bibendum neque egestas congue quisque. Tortor condimentum lacinia quis vel eros donec ac odio. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Nisl condimentum id venenatis a condimentum vitae sapien. Semper eget duis at tellus. Volutpat odio facilisis mauris sit amet massa vitae tortor condimentum.

Nunc lobortis mattis aliquam faucibus. Risus pretium quam vulputate dignissim. Tincidunt nunc pulvinar sapien et ligula. Viverra adipiscing at in tellus integer. Ac auctor augue mauris augue neque gravida in fermentum et. Lobortis elementum nibh tellus molestie nunc non. Tincidunt dui ut ornare lectus sit amet. Mollis nunc sed id semper risus. Erat pellentesque adipiscing commodo elit at imperdiet. Neque gravida in fermentum et sollicitudin ac. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Proin fermentum leo vel orci porta non. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim enim. Maecenas volutpat blandit aliquam etiam erat velit. Lobortis mattis aliquam faucibus purus in.

Tristique et egestas quis ipsum suspendisse ultrices. Urna porttitor rhoncus dolor purus non enim. Ultricies mi quis hendrerit dolor. Urna nunc id cursus metus aliquam eleifend. Aliquam faucibus purus in massa tempor nec feugiat nisl. Amet porttitor eget dolor morbi non arcu risus quis. Iaculis urna id volutpat lacus laoreet non. Elementum integer enim neque volutpat. Placerat duis ultricies lacus sed turpis tincidunt id. Ullamcorper sit amet risus nullam. Quisque id diam vel quam elementum pulvinar etiam.

Elementum tempus egestas sed sed risus pretium. Purus semper eget duis at tellus at urna condimentum. Sed euismod nisi porta lorem mollis aliquam ut. Semper risus in hendrerit gravida rutrum. Nibh cras pulvinar mattis nunc sed. Lacus vel facilisis volutpat est velit egestas dui id. Odio ut enim blandit volutpat maecenas. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Id aliquet risus feugiat in ante metus. Semper eget duis at tellus at urna condimentum. Phasellus vestibulum lorem sed risus ultricies. Feugiat in fermentum posuere urna nec tincidunt praesent semper feugiat. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Pellentesque habitant morbi tristique senectus.

Dis parturient montes nascetur ridiculus mus. Adipiscing commodo elit at imperdiet dui accumsan sit amet. Quis varius quam quisque id diam. Luctus accumsan tortor posuere ac ut consequat semper viverra. Accumsan tortor posuere ac ut consequat semper viverra. Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Enim sed faucibus turpis in eu mi bibendum neque. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Accumsan in nisl nisi scelerisque eu ultrices vitae. Senectus et netus et malesuada fames ac turpis egestas maecenas. Gravida dictum fusce ut placerat orci nulla pellentesque. Condimentum lacinia quis vel eros. Eu facilisis sed odio morbi quis commodo odio.

Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Eu turpis egestas pretium aenean. Id ornare arcu odio ut sem nulla pharetra diam sit. Amet volutpat consequat mauris nunc congue nisi vitae. Et tortor at risus viverra adipiscing at. Eu scelerisque felis imperdiet proin fermentum. Purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae. Pulvinar mattis nunc sed blandit libero volutpat sed cras. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Porttitor eget dolor morbi non arcu risus. Gravida cum sociis natoque penatibus et. Rhoncus aenean vel elit scelerisque mauris pellentesque. Eget dolor morbi non arcu risus quis varius. Ultrices eros in cursus turpis massa tincidunt dui. Augue mauris augue neque gravida in fermentum. Ut faucibus pulvinar elementum integer enim neque volutpat.

Velit scelerisque in dictum non consectetur a. In arcu cursus euismod quis. Quis varius quam quisque id. Arcu bibendum at varius vel pharetra vel turpis nunc. Tempor orci dapibus ultrices in iaculis nunc sed augue. Viverra suspendisse potenti nullam ac tortor vitae purus. Semper viverra nam libero justo. Pharetra diam sit amet nisl suscipit adipiscing. In dictum non consectetur a erat. Orci a scelerisque purus semper eget duis at tellus. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Ut porttitor leo a diam sollicitudin tempor.

Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Elit ut aliquam purus sit amet luctus venenatis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Condimentum lacinia quis vel eros donec ac odio. Nunc id cursus metus aliquam eleifend mi in nulla. Vitae tempus quam pellentesque nec nam aliquam. Hendrerit dolor magna eget est lorem ipsum dolor. Consectetur libero id faucibus nisl tincidunt eget. Consequat nisl vel pretium lectus. Risus quis varius quam quisque id diam vel quam.

Nisl condimentum id venenatis a condimentum vitae sapien pellentesque habitant. Ut faucibus pulvinar elementum integer enim neque volutpat ac. Morbi non arcu risus quis varius quam quisque id diam. Massa ultricies mi quis hendrerit dolor magna. Vel elit scelerisque mauris pellentesque. Justo eget magna fermentum iaculis eu. Nunc consequat interdum varius sit amet mattis vulputate enim. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Placerat vestibulum lectus mauris ultrices eros in. Cursus metus aliquam eleifend mi in nulla posuere. Semper risus in hendrerit gravida rutrum quisque non tellus. Sagittis purus sit amet volutpat consequat mauris. Aliquam eleifend mi in nulla. Magna sit amet purus gravida quis blandit turpis cursus in.

Convallis convallis tellus id interdum velit laoreet id donec. Nisl nisi scelerisque eu ultrices vitae. Sollicitudin aliquam ultrices sagittis orci. Vel pretium lectus quam id leo in. In pellentesque massa placerat duis ultricies lacus. Justo laoreet sit amet cursus. Duis at tellus at urna. A pellentesque sit amet porttitor eget dolor. Tellus molestie nunc non blandit massa enim. Semper auctor neque vitae tempus.

Accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Lorem dolor sed viverra ipsum. Eu volutpat odio facilisis mauris sit amet massa vitae. Purus ut faucibus pulvinar elementum integer enim neque. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus vitae. Tincidunt praesent semper feugiat nibh sed pulvinar proin. Hendrerit gravida rutrum quisque non tellus. Volutpat blandit aliquam etiam erat velit scelerisque in. Morbi quis commodo odio aenean. Sed egestas egestas fringilla phasellus faucibus. Pellentesque diam volutpat commodo sed egestas. Gravida quis blandit turpis cursus. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque habitant. Id leo in vitae turpis massa sed elementum tempus egestas. Dolor sit amet consectetur adipiscing elit. Sit amet commodo nulla facilisi nullam vehicula ipsum. Sed vulputate odio ut enim. Risus quis varius quam quisque id diam vel quam.

Lectus mauris ultrices eros in. Eu lobortis elementum nibh tellus. Nulla porttitor massa id neque aliquam vestibulum. Sed adipiscing diam donec adipiscing tristique risus. Eu volutpat odio facilisis mauris sit. Magna eget est lorem ipsum dolor sit amet consectetur. Auctor elit sed vulputate mi sit amet mauris. Risus nec feugiat in fermentum posuere urna. Aliquet eget sit amet tellus cras adipiscing enim. Integer enim neque volutpat ac tincidunt vitae semper quis. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Odio morbi quis commodo odio aenean. Scelerisque felis imperdiet proin fermentum leo. Ut tellus elementum sagittis vitae et leo duis ut diam. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque.

Mattis molestie a iaculis at erat pellentesque. Nibh sit amet commodo nulla. Enim ut tellus elementum sagittis vitae. Consectetur adipiscing elit duis tristique sollicitudin nibh. Ut etiam sit amet nisl purus in mollis nunc sed. Ac turpis egestas integer eget aliquet nibh praesent. Enim nec dui nunc mattis enim ut. Morbi leo urna molestie at elementum eu facilisis sed. In nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Proin nibh nisl condimentum id venenatis a.

Turpis egestas maecenas pharetra convallis posuere. Nunc non blandit massa enim nec dui nunc mattis enim. Diam sollicitudin tempor id eu nisl nunc mi ipsum faucibus. Magnis dis parturient montes nascetur ridiculus mus mauris. Nisi est sit amet facilisis magna etiam tempor. Massa sed elementum tempus egestas sed sed risus. Mattis rhoncus urna neque viverra justo nec ultrices dui. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Bibendum est ultricies integer quis. Duis ut diam quam nulla porttitor massa id neque. Hac habitasse platea dictumst quisque sagittis purus sit amet volutpat. Risus sed vulputate odio ut enim blandit volutpat maecenas. Pretium viverra suspendisse potenti nullam ac tortor. Pretium vulputate sapien nec sagittis aliquam.</p>

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