<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home Example Three | Florida State University</title>
<meta name="author" content="University Communications">
<meta name="description" content="Home Example Three"/>
<link rel="stylesheet" type="text/css" href="/../_/s3/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/../_/s3/css/strata.css">
<link rel="stylesheet" type="text/css" href="/../_/s3/css/extend/strata-flexslider.css">
<link rel="stylesheet" type="text/css" href="/../_/s3/css/extend/strata-features.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="fsu-strata-three" class="home s3-bg-gt">
<header id="fsu-header">
<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
<div id="fsu-global" class="s3 s3-gt s3-scored s3-plain-top s3-p-2">
<div class="container">
<div class="row">
<div id="fsu-home" class="col-xs-7 col-sm-5"><p><a href="https://www.fsu.edu/">Florida State University</a></p></div>
<div id="fsu-top" class="col-xs-7 col-sm-8 hidden small text-uppercase"><p><a href="https://fsu.edu">FSU</a> | <a href="/">Home Example Three</a></p></div>
<div id="fsu-nav-utility" class="col-xs-5 col-sm-5 col-sm-offset-2">
<nav class="fsu-nav-utility">
<ul class="nav navbar-nav navbar-right">
<!-- <li><a data-toggle="collapse" data-parent=".fsu-builder" href="#fsu-builder" aria-expanded="false" aria-controls="fsu-builder" title="Strata Builder"><i class="fa fa-gear"></i></a></li> -->
<li><a href="https://webmail.fsu.edu/" title="Webmail"><i class="fa fa-envelope-o"></i><span class="hidden">Webmail</span></a></li>
<li><a data-toggle="collapse" data-parent=".fsu-utilities" href="#fsu-search" aria-expanded="false" aria-controls="fsu-search" title="Search"><i class="fa fa-search"></i><span class="hidden">Search FSU</span></a></li>
<li><a data-toggle="collapse" data-parent=".fsu-utilities" href="#fsu-global-nav" aria-expanded="false" aria-controls="fsu-global-nav" title="FSU Sites"><i class="fa fa-bars"></i><span class="hidden">Navigation</span></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div><!-- fsu-global -->
<div id="fsu-utility" class="s3 s3-gt fsu-utilities">
<div id="fsu-search" class="collapse" aria-expanded="false">
<div class="container">
<div class="s3-m-8">
<div class="row">
<div class="col-md-5 col-md-offset-7">
<div class="row">
<div class="col-sm-12 small text-right">
<form class="headerSearchForm" method="get" onsubmit="return FSU_search(type.value, FSU_URLEncode(keywords.value));" action="">
<select name="type" title="Select Search Type" class="headerSearchSelect s3-m-3" style="height:27px">
<option selected="selected" value="GOOGLE">FSU Sites</option>
<option value="PHFST">Student Directory</option>
<option value="PHF">Faculty & Staff Directory</option>
<option value="DEPT">Departments & Services</option>
</select>
<br class="visible-sm" />
<input type="text" name="keywords" value="" title="Search Input Box" placeholder="Search" size="20" class="headerSearchBox" />
<input type="submit" name="fsuSearch" value="Search" title="Submit Search" class="headerSearchBtn btn btn-sm btn-success s3-m-3" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- fsu-search -->
<div id="fsu-global-nav" class="collapse" aria-expanded="false">
<div class="container text-center small">
<div class="clearfix s3-p-5"></div>
<div class="row s3-m-10 s3-m-t0">
<div class="col-xs-12">
<div class="row s3-bg-gt">
<div class="col-xs-6 visible-xs col-sm-12 text-left">
<nav class="fsu-nav-global">
<ul class="nav navbar-nav">
<li><a href="/../index.html">Home</a></li>
<li><a href="#">Adipiscing</a></li>
<li><a href="#">Eiusmod</a></li>
<li><a href="#">Incididunt</a></li>
<li><a href="#">Abore et Dolore</a></li>
<li><a href="#">Excepteur</a></li>
<li><a href="/../index.html">Examples</a></li>
</ul>
</nav>
</div>
<div class="col-xs-6 col-sm-12 fsu-global-menu">
<nav class="fsu-nav-global text-uppercase">
<ul class="nav navbar-nav">
<li><a href="http://fsu.edu/academics/" target="_blank">Academics</a></li>
<li><a href="http://admissions.fsu.edu/" target="_blank">Admissions</a></li>
<li><a href="http://about.research.fsu.edu/" target="_blank">Research</a></li>
<li><a href="http://fsu.edu/faculty/" target="_blank">Faculty</a></li>
<li><a href="http://fsu.edu/students/" target="_blank">Students</a></li>
<li><a href="http://veterans.fsu.edu/" target="_blank">Veterans</a></li>
<li><a href="http://strategicplan.fsu.edu/">Support FSU</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div><!-- fsu-global-nav -->
</div><!-- .fsu-utilities -->
<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
<div id="fsu-masthead" class="s3 s3-c s3-scored">
<div class="container">
<div class="row hidden-xs">
<div class="col-xs-12">
<a href="http://www.fsu.edu/"><img src="/../_/s3/img/fsu-seals/fsu-seal-3d-160x160.png" alt="Florida State University Seal" id="fsu-seal"></a>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h1 id="fsu-title"><a href="/">Example Page Layout</a></h1>
<p id="fsu-subheading">Home Example Three</p>
</div>
</div>
</div>
</div><!-- fsu-masthead -->
<div class="hidden-xs">
<div id="fsu-nav-primary" class="s3-c s3-scored">
<div class="navbar text-center" role="navigation">
<ul class="nav navbar-nav">
<li><a href="/../index.html">Home</a></li>
<li><a href="#">Adipiscing</a></li>
<li><a href="#">Eiusmod</a></li>
<li><a href="#">Incididunt</a></li>
<li><a href="#">Abore et Dolore</a></li>
<li><a href="#">Excepteur</a></li>
<li><a href="/../index.html">Examples</a></li>
</ul>
</div>
</div>
</div>
</header>
<div id="content" class="clearfix"></div>
<div class="s3-bg-c s3-scored">
<div class="container">
<div class="row s3-m-8 s3-s">
<div class="col-xs-12 col-md-9 s3-p-0">
<div class="flexslider flexslider-centered slider-fade">
<ul class="slides">
<li><img src="/../images/examples-assets/home-3-01-2x1.jpg" alt="" class="img-responsive img-expand" /></li>
<li><img src="/../images/examples-assets/home-3-02-2x1.jpg" alt="" class="img-responsive img-expand" /></li>
<li><img src="/../images/examples-assets/home-3-03-2x1.jpg" alt="" class="img-responsive img-expand" /></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-md-3 s3-p-0 fixed-2-1-col-3 s3-s">
<div class="wrap-table">
<div class="wrap-table-inner s3-p-10 text-center">
<h1 class="s3-fs-xs-4 s3-fs-sm-4 s3-fs-md-4 s3-fs-lg-5">Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Elit</h1>
<hr />
<p class="h5"><a href="#">Read more <i class="fa fa-chevron-right"></i></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s3-w s3-scored">
<div class="container s3-m-10">
<div class="row">
<div class="col-xs-12 col-sm-3">
<div class="s3-m-6">
<h2 class="h6">UT EU DIAM AT PEDE SUSCIPIT SODALES</h2>
<p>Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. Nulla ut felis in purus aliquam imperdiet. Maecenas aliquet mollis lectus.</p>
</div>
</div>
<div class="col-xs-12 col-sm-9">
<div class="row">
<div class="flexslider flexslider-carousel carousel-items-max-3">
<ul class="slides">
<li>
<div class="col-sm-12">
<img src="/../images/examples-assets/home-3-01-3x2.jpg" alt="" class="img-responsive img-expand" />
<div class="s3-p-8 s3-gd2c feature-fixed-3">
<h3 class="s3-fs-sm-3 s3-fs-lg-3">Patria feugait quis valetudo.</h3>
</div>
<img src="http://www.fsu.edu/_/s3/img/point/point-gd2c.png" class="img-responsive hidden-xs">
</div>
</li>
<li>
<div class="col-sm-12">
<img src="/../images/examples-assets/home-3-02-3x2.jpg" alt="" class="img-responsive img-expand" />
<div class="s3-p-8 s3-gd2c feature-fixed-3">
<h3 class="s3-fs-sm-3 s3-fs-lg-3">Patria feugait quis valetudo.</h3>
</div>
<img src="http://www.fsu.edu/_/s3/img/point/point-gd2c.png" class="img-responsive hidden-xs"></img>
</div>
</li>
<li>
<div class="col-sm-12">
<img src="/../images/examples-assets/home-3-03-3x2.jpg" alt="" class="img-responsive img-expand" />
<div class="s3-p-8 s3-gd2c feature-fixed-3">
<h3 class="s3-fs-sm-3 s3-fs-lg-3">Fusce nec tellus sed.</h3>
</div>
<img src="http://www.fsu.edu/_/s3/img/point/point-gd2c.png" class="img-responsive hidden-xs"></img>
</div>
</li>
<li>
<div class="col-sm-12">
<img src="/../images/examples-assets/home-3-01-3x2.jpg" alt="" class="img-responsive img-expand" />
<div class="s3-p-8 s3-gd2c feature-fixed-3">
<h3 class="s3-fs-sm-3 s3-fs-lg-3">Integer nec odio praesent libero.</h3>
</div>
<img src="http://www.fsu.edu/_/s3/img/point/point-gd2c.png" class="img-responsive hidden-xs"></img>
</div>
</li>
<li>
<div class="col-sm-12">
<img src="/../images/examples-assets/home-3-02-3x2.jpg" alt="" class="img-responsive img-expand" />
<div class="s3-p-8 s3-gd2c feature-fixed-3">
<h3 class="s3-fs-sm-3 s3-fs-lg-3">Sed cursus ante dapibus.</h3>
</div>
<img src="http://www.fsu.edu/_/s3/img/point/point-gd2c.png" class="img-responsive hidden-xs"></img>
</div>
</li>
<li>
<div class="col-sm-12">
<img src="/../images/examples-assets/home-3-03-3x2.jpg" alt="" class="img-responsive img-expand" />
<div class="s3-p-8 s3-gd2c feature-fixed-3">
<h3 class="s3-fs-sm-3 s3-fs-lg-3">Nulla quis sem at nibh.</h3>
</div>
<img src="http://www.fsu.edu/_/s3/img/point/point-gd2c.png" class="img-responsive hidden-xs"></img>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s3-c s3-scored">
<div class="container">
<div class="row s3-m-10">
<div class="col-xs-12">
<p class="lead">Nutus melior in duis esse probo amet importunus eros macto wisi. Eum tation ad duis aliquam verto vel. Lucidus roto praesent plaga importunus dolor vulpes.</p>
</div>
</div>
</div>
</div>
<div class="s3-gd3c s3-scored">
<div class="container">
<div class="row s3-m-10">
<div class="col-xs-12 col-sm-4">
<h3>Vel Probo Enim Verto</h3>
<p>Jumentum tation imputo vulputate capio luctus occuro. Secundum proprius praesent diam jugis tation. Melior utinam paratus velit nostrud velit genitus aliquip.</p>
</div>
<div class="col-xs-12 col-sm-4">
<h3>Utrum Imputo Si</h3>
<p>Dolor nonummy nibh veniam causa quidem nulla autem quibus demoveo. Suscipit diam abbas dignissim immitto pecus singularis genitus antehabeo. Jumentum wisi cogo ullamcorper eros dolore usitas velit.</p>
</div>
<div class="col-xs-12 col-sm-4">
<h3>Nulla Ideo Letatio</h3>
<p>Voco regula suscipit jumentum dolore in blandit venio. Autem iusto praesent lobortis vel euismod ratis nulla indoles commoveo.</p>
</div>
</div>
</div>
</div>
<div class="s3-c s3-scored">
<div class="container s3-m-10">
<div class="row">
<div class="col-xs-6 col-sm-12 col-md-6 list-padx small">
<div class="row text-left">
<div class="col-sm-4">
<h4 class="h6">Lorem Ipsum Dolor</h4>
<ul class="list-unstyled">
<li><a href="#">Mollit Anim</a></li>
<li><a href="#">Cupidatat Non Proident</a></li>
<li><a href="#">Ut Enim Ad</a></li>
<li><a href="#">Reprehenderit In Voluptate</a></li>
<li><a href="#">Voluptate Velit</a></li>
<li><a href="#">Quis Nostrud</a></li>
<li><a href="#">Eu Fugiat Nulla</a></li>
</ul>
</div>
<div class="col-sm-4">
<h4 class="h6"> Consectetur Adipiscing Elit</h4>
<ul class="list-unstyled">
<li><a href="#">Nisi Ut Aliquip</a></li>
<li><a href="#">Incididunt Ut Labore</a></li>
<li><a href="#">Et Dolore Magna</a></li>
<li><a href="#">Aliqua Ut Enim</a></li>
</ul>
<h4 class="h6">Sed Do Eiusmod</h4>
<ul class="list-unstyled">
<li><a href="#">Ad Minim Veniam</a></li>
<li><a href="#">Quis Nostrud</a></li>
</ul>
</div>
<div class="col-sm-4">
<h4 class="h6">Incididunt Ut Labore</h4>
<ul class="list-unstyled">
<li><a href="#">In Reprehenderit</a></li>
<li><a href="#">In Voluptate Velit</a></li>
<li><a href="#">Esse Cillum Dolore</a></li>
<li><a href="#">Eu Fugiat Nulla</a></li>
<li><a href="#">Pariatur Excepteur</a></li>
<li><a href="#">Sint Occaecat Cupidatat</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-12 col-md-6 small">
<div class="row text-left">
<div class="col-sm-4">
<h4 class="h6">Ut Enim Ad Minim</h4>
<ul class="list-unstyled">
<li><a href="#">Sint Occaecat Cupidatat</a></li>
<li><a href="#">Non Proident</a></li>
<li><a href="#">Sunt In Culpa Qui</a></li>
<li><a href="#">Officia Deserunt</a></li>
</ul>
<h4 class="h6">Aliqua Ut Enim</h4>
<ul class="list-unstyled">
<li><a href="#">Mollit Anim</a></li>
<li><a href="#">Id Est Laborum</a></li>
</ul>
</div>
<div class="col-sm-4">
<h4 class="h6">Ex Ea Commodo Consequat</h4>
<ul class="list-unstyled">
<li><a href="#">Mollit Anim</a></li>
<li><a href="#">Id Est Laborum</a></li>
<li><a href="#">Esse Cillum Dolore</a></li>
<li><a href="#">Eu Fugiat Nulla</a></li>
<li><a href="#">Pariatur Excepteur</a></li>
</ul>
</div>
<div class="col-sm-4">
<h4 class="h6">Dolore Eu Fugiat</h4>
<ul class="list-unstyled">
<li><a href="#">Esse Cillum Dolore</a></li>
<li><a href="#">Eu Fugiat Nulla</a></li>
<li><a href="#">Pariatur Excepteur</a></li>
<li><a href="#">Sit Amet Consectetur</a></li>
<li><a href="#">Adipiscing Elit</a></li>
<li><a href="#">Sed Do Eiusmod Tempor</a></li>
<li><a href="#">Incididunt Ut Labore</a></li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- .container -->
</div><!-- #content -->
<footer id="fsu-footer" class="small">
<div class="s3 s3-gt s3-scored">
<div class="container s3-m-10">
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-6 col-sm-3">
<p>© Florida State University
<br>600 W. College Avenue
<br>Tallahassee, FL 32306</p>
</div>
<div class="col-xs-6 col-sm-3">
<p><a href="http://fsu.edu/misc/comments.html" target="_blank">Questions or Comments</a>
<br><a href="http://fsu.edu/misc/policy.html" target="_blank">Privacy Policy</a>
<br><a href="http://fsu.edu/misc/copyright.html" target="_blank">Copyright</a></p>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-xs-6 col-sm-3">
<p>FSU Directory Assistance:
<br><a href="tel:+18506442525">850-644-2525</a></p>
</div>
<div class="col-xs-6 col-sm-3 s3-txt-md-r s3-txt-lg-r">
<nav class="nav-social">
<ul class="menu clearfix">
<li><a href="https://www.facebook.com/floridastate" title="Like Florida State on Facebook" target="_blank"><i class="fa fa-facebook"></i><span class="hidden">Facebook</span></a></li>
<li><a href="https://instagram.com/floridastateuniversity/" title="Follow Florida State on Instagram" target="_blank"><i class="fa fa-instagram"></i><span class="hidden">Instagram</span></a></li>
<li><a href="https://twitter.com/floridastate" title="Follow Florida State on Twitter" target="_blank"><i class="fa fa-twitter"></i><span class="hidden">Twitter</span></a></li>
<li><a href="https://www.youtube.com/FloridaState" title="Follow Florida State on Youtube" target="_blank"><i class="fa fa-youtube"></i><span class="hidden">YouTube</span></a></li>
<li><a href="https://www.linkedin.com/edu/school?id=18100" title="Connect with Florida State on LinkedIn" target="_blank"><i class="fa fa-linkedin"></i><span class="hidden">LinkedIn</span></a></li>
<li><a href="https://www.fsu.edu/socialmedia/" title="FSU Social Media"><i class="fa fa-plus"></i><span class="hidden">More FSU Social Media</span></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</footer>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=20150709'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js?ver=20150709'></script>
<script type="text/javascript" src="/../_/s3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/../_/s3/js/strata.min.js"></script>
<script type="text/javascript" src="/../_/s3/js/extend/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="/../_/s3/js/extend/jquery.easing.js"></script>
<script type="text/javascript" src="/../_/s3/js/extend/modernizr.js"></script>
<script type="text/javascript" src="/../_/s3/js/extend/flexslider.min.js"></script>
<script type="text/javascript" src="/../_/s3/js/extend/strata-carousel.min.js"></script>
</body>
</html>