CMPS420/index.html at master · JaredMartin5/CMPS420 · 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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <!-- Test commit -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap CSS -->
  <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/carousel/">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="./images/favicons.png" alt="SELU Favicon">

  <!-- Roboto font -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

  <title>Computer Science</title>

  <!-- Custom styles for this template -->
  <link href="carousel.css" rel="stylesheet">
  <link href="headers.css" rel="stylesheet">
  <link href="styles.css" rel="stylesheet">


</head>

<body>

  <div id="header"></div>


  <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
      <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true"
        aria-label="Slide 1"></button>
      <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
      <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <picture>
          <!-- use if possible -->
          <source type="image/avif" srcset="./images/cmpsbuilding.avif" alt="CMPS building">

          <!-- fallback -->
          <img class="bd-placeholder-img" width="100%" height="100%" src="./images/cmpsbuilding.jpg" aria-hidden="true"
            preserveAspectRatio="xMidYMid slice" focusable="false" alt="CMPS building">
        </picture>

        <rect width="100%" height="100%" fill="#777" />

        <div class="container">
          <div class="carousel-caption">
            <div class="center-text">
              <h1>Computer Science</h1>
              <p>Gain industry skills with real world projects.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <picture>
          <!-- use if possible -->
          <source type="image/avif" srcset="./images/envoclab.avif" alt="Envoc Lab">

          <!-- fallback -->
          <img class="bd-placeholder-img" width="100%" height="100%" src="./images/envoclab.jpg" aria-hidden="true"
            preserveAspectRatio="xMidYMid slice" focusable="false" alt="Envoc Lab">
        </picture>

        <rect width="100%" height="100%" fill="#777" />

        <div class="container">
          <div class="carousel-caption">
            <div class="center-text">
              <h1>Envōc Innōvation Lab</h1>
              <p>Work on projects and studies in a great environment.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <picture>
          <!-- use if possible -->
          <source type="image/avif" srcset="./images/ihub.avif" alt="iHub">

          <!-- fallback -->
          <img class="bd-placeholder-img" width="100%" height="100%" src="./images/ihub.jpg" aria-hidden="true"
            preserveAspectRatio="xMidYMid slice" focusable="false" alt="iHub">
        </picture>
        <rect width="100%" height="100%" fill="#777" />

        <div class="container">
          <div class="carousel-caption">
            <div class="center-text">
              <h1>iHub Workshops and Studios</h1>
              <p>Collaborate with interdisciplinary projects with businesses and alumni.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>

  <!-- Marketing messaging and featurettes
  ================================================== -->
  <!-- Wrap the rest of the page in another container to center all the content. -->

  <div class="container marketing">
    <!-- START THE FEATURETTES -->
    <div class="row featurette"><a id="cmps-anchor"></a>
      <div class="col-md-7">
        <h2 class="featurette-heading"><mark>Computer Science</mark></h2>
        <p class="lead">With 500+ students and the enrollment that has more than doubled over the past decade,
          Southeastern's highly-regarded Computer Science and Information Technology programs are recognized as
          a leader among and one of the state's fastest-growing computing and information technology programs.<br>
          The Department of Computer Science is committed to preparing our students to be nationally competitive
          both in the workforce and in graduate studies. We focus on providing students with the skills and
          experience to prepare them for a career in technology.</p>
        <a href="majors.html"><button type="button"
            style="background-color: #1b5633; font-size: 2em; border-color: #1b5633 !important; margin-bottom: 1em;"
            class="btn btn-primary">Learn More About our Majors!</button></a>
      </div>
      <div class="col-md-5">
        <picture>
          <!-- use if possible -->
          <source type="image/avif" srcset="./images/cmpsfeature.avif" alt="CMPS building">

          <!-- fallback -->
          <img class="rounded bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
            height="500" src="./images/cmpsfeature.jpg" role="img" preserveAspectRatio="xMidYMid slice"
            focusable="false" alt="CMPS building">
        </picture>


      </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette"><a id="envoc-anchor"></a>
      <div class="col-md-7 order-md-2">
        <h2 class="featurette-heading"><mark style="font-size: 1.3em;">Envōc Innōvation Lab</mark></h2>
        <p class="lead">After years of integrated teaching and mentorship in college classrooms, Envoc is investing in
          a more permanent involvement by funding development of the new lab, said Envoc CEO Calvin Fabre. Officially
          opened Jan. 29, the new lab will provide a work-like environment on campus that is an extension of Envoc’s
          company culture and mission to create a better reality.<br>
          “Many of our Envoceans at our Hammond office are Southeastern graduates, as am I, and we like to stay involved
          and create learning opportunities for future developers,” said Fabre. “We personally help develop the computer
          science curriculum at Southeastern, and some of our Envoceans even facilitate project classes, offering
          students
          an opportunity to work side-by-side with thriving professionals on innovative projects. The Innovation Lab
          enhances that experience on campus.”</p>
      </div>
      <div class="col-md-5 order-md-1">


        <picture>
          <!-- use if possible -->
          <source type="image/avif" srcset="./images/envocfeature.avif" alt="Envoc lab">

          <!-- fallback -->
          <img class="rounded bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
            height="500" src="./images/envocfeature.jpg" role="img" preserveAspectRatio="xMidYMid slice"
            focusable="false" alt="Envoc lab">
        </picture>


      </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette"><a id="ihub-anchor"></a>
      <div class="col-md-7">
        <h2 class="featurette-heading"><mark>iHub Workshops and Studios</mark></h2>
        <p class="lead">The new Innovation Hub debuted November 18th in Sims Memorial Library.
          The iHub occupies 5,700 square feet and serves as a central point for innovative resources
          for students, faculty, alumni, and community/industry partners. As a highly flexible, energetic,
          and technologically advanced space, the iHub is designed to animate ideas, facilitate collaboration,
          and support both individual and team projects. The space features areas for podcasting, virtual
          reality development, classroom space for professional development workshops, huddle rooms and a
          large multi-use space for group collaborations.</p>
      </div>
      <div class="col-md-5">

        <picture>
          <!-- use if possible -->
          <source type="image/avif" srcset="./images/ihubfeature.avif" alt="iHub">

          <!-- fallback -->
          <img class="rounded bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
            height="500" src="./images/ihubfeature.jpg" role="img" preserveAspectRatio="xMidYMid slice"
            focusable="false" alt="iHub">
        </picture>


      </div>
    </div>

    <!-- /END THE FEATURETTES -->
  </div><!-- /.container -->


  <!-- FOOTER -->
  <div id="footer"></div>
  </main>


  <button onclick="topFunction()" id="myBtn" title="Go to top"><img src="./images/caret-top.svg"
      style="width: 1.2em;" alt="Return to Top Button"></button>

  <script src="https://getbootstrap.com/docs/5.1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
    crossorigin="anonymous"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


  <!-- Accessibility -->
  <script src="https://cdn.jsdelivr.net/gh/mickidum/acc_toolbar/acctoolbar/acctoolbar.min.js"></script>
  <script src=./scripts/accessibility.js> </script>

  <!-- go to top button-->
  <script src="./scripts/button.js"></script>


  <!-- header and footer-->
  <script>
    $(function(){
      $("#header").load("header.html");
      $("#footer").load("footer.html");
    });
    </script>


</body>

</html>