Hello World!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Isto modo ne improbos quidem, si essent boni viri. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Cur deinde Metrodori liberos commendas?
Hello World
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Starter Templates</title>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Your Name/Department" />
<link rel="stylesheet" media="all" href="https://cdn01.its.msstate.edu/i/fonts/msu-bulldog/msu_bulldog-webfont.css" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" />
<link rel="stylesheet" media="all" href="https://cdn01.its.msstate.edu/e/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" media="all" href="https://cdn01.its.msstate.edu/i/msstatehighfive/2.1/css/msstatehighfive.min.css" />
</head>
<body>
<!-- #mobile-menu -->
<nav id="mobile-menu" class="mobile-menu navbar d-block d-lg-block fixed-top scroll-hide" aria-label="Mobile Navigation">
<div id="mobile-menu-logo-container" class="mt-5 mt-sm-0 col-12 col-sm-7 col-md-6 col-lg-5 col-xl-4">
<div class="logo-container">
<a id="mobile-menu-logo" href="/" title="Mississippi State University | Home">
<img src="//cdn01.its.msstate.edu/i/logos/msstate/HORIZONTAL_WEB_white_maroon_m.svg" alt="Logo for Mississippi State University" title="Mississippi State University">
</a>
</div>
</div>
<div id="mobile-menu-btn-container" class="container-fluid no-max-width navbar-expand py-0 justify-content-end">
<form class="search-form collapse collapse-horizontal" id="collapse-search-mobile" role="search" action="https://www.msstate.edu/site-index/" method="get" aria-label="Search MSSTATE">
<label for="search-terms-mobile" class="sr-only">Search MSSTATE</label>
<div class="input-group flex-nowrap">
<input class="form-control" id="search-terms-mobile" name="terms" placeholder="Search MSSTATE" type="text">
<button class="btn btn-white btn-search-toggle" title="Search MSSTATE" aria-label="Toggle mobile search field" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-search-mobile" aria-expanded="false" aria-controls="collapse-search-mobile">
<span class="fas fa-times"></span>
<span class="sr-only">Toggle mobile search field</span>
</button>
<button class="btn btn-gray-200 btn-search-form text-black" title="Search" aria-label="Search" type="submit">
<span class="fas fa-search me-1"></span>
Search
</button>
</div>
</form>
<ul class="navbar-nav me-auto me-sm-0">
<li class="nav-item university"><a class="nav-link" href="https://my.msstate.edu/">myState <span class="sr-only"> on Mississippi State University</span></a></li>
</ul>
<button class="btn btn-black btn-search-toggle" title="Search MSSTATE" aria-label="Toggle mobile search field" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-search-mobile" aria-expanded="false" aria-controls="collapse-search-mobile">
<span class="fas fa-search"></span>
<span class="sr-only">Toggle mobile search field</span>
</button>
<button class="hamburger hamburger--spin btn-mobile-menu-toggle" type="button" data-target="#mobile-menu-navbar-container" aria-controls="mobile-menu-navbar-container" aria-expanded="false" aria-label="Toggle mobile navigation">
<span class="hamburger-box">
<span class="sr-only">Menu</span>
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div id="mobile-menu-navbar-container" class="navbar-container">
<div class="bg-container">
<div class="bg-img" style="background-image: url( https://cdn01.its.msstate.edu/i/msstatehighfive/img/background/bg_menu-default-3.jpg );"></div>
<div class="bg-color"></div>
<div class="bg-blend"></div>
</div>
<ul class="menu--mobile-main navbar-nav flex-column justify-content-md-center text-white px-4 px-md-0">
<li class="nav-item row gx-md-7 mx-0 menu-depth-0">
<div class="col-md-5 col-lg-4 text-md-end">
<a href="#" id="menu-mobile-main--menu-item-1" class="nav-link">Menu Item 1</a>
</div>
</li>
<li class="nav-item row gx-md-7 mx-0 menu-depth-0">
<div class="col-md-5 col-lg-4 text-md-end">
<a href="#" id="menu-mobile-main--menu-item-2" class="nav-link" data-bs-toggle="collapse" data-bs-target="#collapse--menu-item-2" aria-controls="collapse--menu-item-2" aria-expanded="false">Menu Item 2</a>
</div>
<div class="col-md-7 col-lg-8 overflow-scroll position-md-absolute h-md-100 top-md-0 right-md-0 d-md-flex align-items-md-center text-md-start">
<div class="collapse span-3 collapse--menu-item-2 w-100" id="collapse--menu-item-2" data-bs-parent="#mobile-menu-navbar-container">
<div class="row g-0 row-col-3">
<div class="nested-group col-12 col-lg-7 col-xl-7 pb-4 py-md-4">
<a href="#" class="nested-link font-size-90 fst-italic mb-3">Go to Menu Item 2 →</a>
<a href="#" class="nested-link menu-depth-1 has-children">Section Item 1</a>
<a href="#" class="nested-link menu-depth-2">Sub-sectoin Item 1</a>
<a href="#" class="nested-link menu-depth-2">Sub-sectoin Item 2</a>
</div>
<div class="nested-group col-12 col-lg-7 col-xl-7 pb-4 py-md-4">
<a href="#" class="nested-link menu-depth-1 has-children">Section Item 2</a>
<a href="#" class="nested-link menu-depth-2">Sub-sectoin Item 1</a>
<a href="#" class="nested-link menu-depth-2">Sub-sectoin Item 2</a>
<a href="#" class="nested-link menu-depth-2">Sub-sectoin Item 3</a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item row gx-md-7 mx-0 menu-depth-0">
<div class="col-md-5 col-lg-4 text-md-end">
<a href="#" id="menu-mobile-main--menu-item-3" class="nav-link" data-bs-toggle="collapse" data-bs-target="#collapse--menu-item-3" aria-controls="collapse--menu-item-3" aria-expanded="false">Menu Item 3</a>
</div>
<div class="col-md-7 col-lg-8 overflow-scroll position-md-absolute h-md-100 top-md-0 right-md-0 d-md-flex align-items-md-center text-md-start">
<div class="collapse collapse--menu-item-3 w-100" id="collapse--menu-item-3" data-bs-parent="#mobile-menu-navbar-container">
<div class="nested-group col-12 col-lg-7 col-xl-7 pb-4 py-md-4"><a href="#" class="nested-link font-size-90 fst-italic mb-3">Go to Menu Item 2 →</a>
<a href="#" class="nested-link menu-depth-1">Sub-menu Item 1</a>
<a href="#" class="nested-link menu-depth-1">Sub-menu Item 2</a>
<a href="#" class="nested-link menu-depth-1">Sub-menu Item 3</a>
</div>
</div>
</div>
</li>
<li class="nav-item row gx-md-7 mx-0 menu-depth-0">
<div class="col-md-5 col-lg-4 text-md-end">
<a href="#" id="menu-mobile-main--menu-item-4" class="nav-link">Menu Item 4</a>
</div>
</li>
</ul>
<div class="menu--mobile-msstate z-index-10 h-100 d-none d-lg-flex col-lg-3 position-absolute top-0 right-0 align-items-center">
<div class="list-group">
<a href="https://www.msstate.edu" class="fw-bold h5 mb-0 text-uppercase list-group-item list-group-item-action university">MSState</a>
<a href="https://www.msstate.edu/calendars" class="list-group-item list-group-item-action university">Calendars</a>
<a href="https://www.msstate.edu/site-index" class="list-group-item list-group-item-action university">A-Z Index</a>
<a href="https://www.msstate.edu/directory" class="list-group-item list-group-item-action university">Directory</a>
<a href="https://map.msstate.edu/" class="list-group-item list-group-item-action university">Maps</a>
<a href="https://www.msstate.edu/newsroom" class="list-group-item list-group-item-action university">Newsroom</a>
<a href="https://www.msstate.edu/contact" class="list-group-item list-group-item-action university">Contact</a>
</div>
</div>
</div>
</nav>
<!-- #quick-menu -->
<nav id="quick-menu" class="quick-menu navbar navbar-expand-lg d-none d-lg-block color-maroon" aria-label="Quick Navigation Links">
<div class="container-fluid clearfix">
<ul class="navbar-nav">
<li class="nav-item university"><a class="nav-link" href="https://my.msstate.edu/">myState <span class="sr-only"> on Mississippi State University</span></a></li>
<li class="nav-item university"><a class="nav-link" href="https://www.msstate.edu/directory/">Directory <span class="sr-only"> on Mississippi State University</span></a></li>
</ul>
<ul class="navbar-nav ms-auto site-links site-links--black">
<li class="nav-item"><a class="nav-link" href="#">Apply Now</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
</ul>
<ul id="social-header" class="social-header navbar-nav" role="navigation" aria-label="Social Media Header Links">
<li class="nav-item">
<a class="nav-link social-icon facebook" href="#" title="Find Website Name on Facebook">
<span class="sr-only">Find Website Name on Facebook</span>
<span class="fab fa-facebook"></span>
</a>
</li>
</ul>
<form class="search-form d-flex" role="search" action="https://www.msstate.edu/site-index/" method="get" aria-label="Search MSState">
<label for="search-terms" class="sr-only">Search MSState</label>
<button class="btn btn-white" title="Search MSState" aria-label="Toggle quick search field" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-search-quick" aria-expanded="false" aria-controls="collapse-search-quick">
<span class="fas fa-search"></span>
<span class="fas fa-times d-none"></span>
<span class="sr-only">Toggle quick search field</span>
</button>
<div class="input-group collapse" id="collapse-search-quick">
<input class="form-control" id="search-terms" name="terms" placeholder="Search MSState" type="text">
<button class="btn btn-gray-200 text-black" title="Search" aria-label="Search" type="submit">
Search
</button>
</div>
</form>
</div>
</nav>
<!-- #msu-header -->
<header id="msu-header" class="clearfix msu-header msu-header-maroon" aria-label="Primary header for Website Name">
<div class="container-fluid clearfix">
<div class="row">
<div class="col-md align-self-center logo-container">
<a id="logo" href="#" title="Home">
<img src="https://cdn01.its.msstate.edu/i/logos/msstate/HORIZONTAL_WEB_white_maroon_m.svg" alt="Logo for Website Name" title="Website name" />
</a>
</div>
</div>
</div>
</header>
<!-- #main-menu -->
<nav id="main-menu" class="main-menu navbar navbar-expand-lg d-none d-lg-block color-black" aria-label="Primary Desktop Navigation">
<div class="container-fluid clearfix">
<div id="main-menu-container" class="menu-container bootstrap-dropdown-hover">
<ul class="menu--main navbar-nav">
<li class="nav-item">
<a href="#" id="menu-main--home" class="nav-link">Home</a>
</li>
<li class="nav-item dropdown">
<a href="#" id="menu-main--academics" class="nav-link" aria-haspopup="true" aria-expanded="false">Academics</a>
<div class="dropdown-menu px-3">
<a href="#" class="dropdown-item">Academic Opportunities</a>
<a href="#" class="dropdown-item">Concentrations in Pre-Professional Programs</a>
<a href="#" class="dropdown-item">Important Dates</a>
</div>
</li>
<li class="nav-item">
<a href="#" id="menu-main--visit-msu" class="nav-link">Visit MSU</a>
</li>
<li class="nav-item">
<a href="#" id="menu-main--news" class="nav-link">News</a>
</li>
<li class="nav-item">
<a href="#" id="menu-main--about" class="nav-link">About</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- main -->
<main id="page" class="page">
<section class="page-body">
<div class="container-fluid default-width">
<div class="row justify-content-center">
<div class="main-content col-sm-10 col-md-7 col-lg-7 col-xl-6 col-xxl-6">
<article class="first-lead">
<h1 class="page-title">Hello World!</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Isto modo ne improbos quidem, si essent boni viri. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Cur deinde Metrodori liberos commendas?</p>
</article>
</div>
</div>
</div>
</section>
</main>
<!-- #msu-footer -->
<footer id="msu-footer" class="msu-footer" aria-label="Primary footer for Information Technology Services">
<div class="container-fluid clearfix">
<div class="row justify-content-center">
<div class="col-sm-8 col-md-6 col-lg-5 col-xl-4 address">
<address class="card" aria-label="Address and Contact for Information Technology Services">
<div class="card-body">
<div class="row g-0">
<div class="col-4 col-md-3">
<a class="logo external" href="https://www.msstate.edu/"><img src="//cdn01.its.msstate.edu/i/logos/msstate/SQUARE_WEB_white.svg" alt="Mississippi State University M mark" title="Mississippi State University" class="lazy" style=""></a>
</div>
<div class="col">
<div class="to-line">
<strong>Information Technology Services</strong>
</div>
<div class="address-line">
117 Allen Hall<br>Box 9697<br>Campus Mail Stop: 9697
</div>
<div class="city-line">
Mississippi State, MS 39762
</div>
</div>
</div>
</div>
<div class="nav nav-contact-method flex-column">
<a class="nav-item card-body local" href="mailto:servicedesk@msstate.edu" title="servicedesk@msstate.edu">
<div class="row g-0">
<div class="col-4 col-md-3">
<div class="icon">
<span class="fas fa-envelope"><span class="sr-only">Email servicedesk@msstate.edu</span></span>
</div>
</div>
<div class="col text-truncate">
servicedesk@msstate.edu
</div>
</div>
</a>
<a class="nav-item card-body local" href="tel:(662) 325-9311">
<div class="row g-0">
<div class="col-4 col-md-3">
<div class="icon">
<span class="fas fa-phone"><span class="sr-only">Call (662) 325-9311</span></span>
</div>
</div>
<div class="col">
(662) 325-9311
</div>
</div>
</a>
<a class="nav-item card-body local" href="fax:(662) 325-8921">
<div class="row g-0">
<div class="col-4 col-md-3">
<div class="icon">
<span class="fas fa-print"><span class="sr-only">Fax (662) 325-8921</span></span>
</div>
</div>
<div class="col">
(662) 325-8921
</div>
</div>
</a>
</div>
</address>
</div>
<div class="col col-sm-9 col-md-8 col-lg">
<div class="row align-items-center">
<div class="col-xl-8 links text-center text-lg-start">
<div data-include-common="footer.links.html"></div>
</div>
<div class="col-xl-4 logo-footer">
<a href="https://www.msstate.edu"><img src="//cdn01.its.msstate.edu/i/logos/msstate/HORIZONTAL_WEB_white.svg" alt="Logo for Mississippi State University" title="Mississippi State University"></a>
</div>
</div>
<div class="row disclosure">
<div class="col col-md-12 col-lg-10">
<div data-include-common="legal.html"></div>
<div data-include-common="eeo.html"></div>
<div data-include-common="copyright.html"></div>
<div data-include-common="servicedesk.html"></div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="https://cdn01.its.msstate.edu/i/emergency/1.6/hazard.js"></script>
<script src="https://cdn01.its.msstate.edu/e/jquery/3.6.0/jquery-3.6.0.min.js"></script>
<script src="https://cdn01.its.msstate.edu/e/popper/2.9.2/popper.min.js"></script>
<script src="https://cdn01.its.msstate.edu/e/bootstrap/5.1.0/js/bootstrap.min.js"></script>
<script src="https://cdn01.its.msstate.edu/e/jquery.lazy/1.7.10/jquery.lazy.min.js"></script>
<script src="https://cdn01.its.msstate.edu/i/msstatehighfive/2.1/js/msstatehighfive.min.js"></script>
</body>
</html>