<!--Full Width Section One: Hero Image-->
<div class="container-fluid" style="background-image: url('https://assets.noviams.com/novi-file-uploads/demo/images/Tampa_Bay_Skyline_-_Experience_Hero_Image.png'); background-size: cover; width: 100vw; position: relative; left: 50%; margin-left: -50vw; margin-top: -30px; padding-top: 100px; padding-bottom: 100px;">
<div class="container" style="text-align: center;">
<h1 style="color: white;">Signature Event</h1>
<p style="color: white;">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.<br><br>February 28 - March 1<br>Embassy Suites Tampa Downtown<br><br></p>
<p><a href="#" class="btn btn-tertiary" style="color: white; background-color: #ff6327; border: 1px #FF6327; padding: 15px 30px;">Register Here</a></p>
</div>
</div>
<!--Full Width Section Two: Value Proposition -->
<div class="container-fluid" style="background-color: #ffffff; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 75px;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-3">
<h2 style="text-align: center;">350+</h2>
<p style="text-align: center;">Association Attendees</p>
</div>
<div class="col-xs-12 col-md-3" style="text-align: center;">
<h2>48</h2>
<p>Industry Topics</p>
</div>
<div class="col-xs-12 col-md-3" style="text-align: center;">
<h2>22</h2>
<p>Breakout Sessions</p>
</div>
<div class="col-xs-12 col-md-3">
<h2 style="text-align: center;">8</h2>
<p style="text-align: center;">Hours of Networking</p>
</div>
</div>
<p><br><br></p>
<hr>
<h2 style="text-align: center;"><br>Enticing Value Proposition</h2>
<br>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
</div>
</div>
<!--Full Width Section Three: Speakers -->
<div class="container-fluid" style="background-color: #f5f8fa; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 25px; text-align: center;">
<div class="container">
<h3 style="text-align: center;">Meet Our Speakers<br><br></h3>
<div class="col-xs-12 col-md-4" style="padding-bottom: 50px;"><img src="https://media.istockphoto.com/id/1327592506/vector/default-avatar-photo-placeholder-icon-grey-profile-picture-business-man.jpg?s=612x612&w=0&k=20&c=BpR0FVaEa5F24GIw7K8nMWiiGmbb8qmhfkpXcp1dhQg=" alt="Placeholder Image" caption="false" width="150" height="100" style="display: block; margin-left: auto; margin-right: auto;" class="img-circle">
<h5>Famous Person</h5>
<p>Company Placeholder</p>
</div>
<div class="col-xs-12 col-md-4" style="padding-bottom: 50px;"><img src="https://media.istockphoto.com/id/1327592506/vector/default-avatar-photo-placeholder-icon-grey-profile-picture-business-man.jpg?s=612x612&w=0&k=20&c=BpR0FVaEa5F24GIw7K8nMWiiGmbb8qmhfkpXcp1dhQg=" alt="Placeholder Image" caption="false" width="150" height="100" style="display: block; margin-left: auto; margin-right: auto;" class="img-circle">
<h5>Famous Person</h5>
<p>Company Placeholder</p>
</div>
<div class="col-xs-12 col-md-4" style="padding-bottom: 50px;"><img src="https://media.istockphoto.com/id/1177794485/vector/person-gray-photo-placeholder-woman.jpg?s=612x612&w=0&k=20&c=B41l9xgyu4bR63vPqt49mKZIRGh8ewpewN7zXnYPOsI=" alt="Placeholder Image" caption="false" width="150" height="100" style="display: block; margin-left: auto; margin-right: auto;" class="img-circle">
<h5>Famous Person</h5>
<p>Company Placeholder</p>
</div>
<div class="col-xs-12 col-md-4" style="padding-bottom: 50px;"><img src="https://media.istockphoto.com/id/1177794485/vector/person-gray-photo-placeholder-woman.jpg?s=612x612&w=0&k=20&c=B41l9xgyu4bR63vPqt49mKZIRGh8ewpewN7zXnYPOsI=" alt="Placeholder Image" caption="false" width="150" height="100" style="display: block; margin-left: auto; margin-right: auto;" class="img-circle">
<h5>Famous Person</h5>
<p>Company Placeholder</p>
</div>
<div class="col-xs-12 col-md-4" style="padding-bottom: 50px;"><img src="https://media.istockphoto.com/id/1327592506/vector/default-avatar-photo-placeholder-icon-grey-profile-picture-business-man.jpg?s=612x612&w=0&k=20&c=BpR0FVaEa5F24GIw7K8nMWiiGmbb8qmhfkpXcp1dhQg=" alt="Placeholder Image" caption="false" width="150" height="100" style="display: block; margin-left: auto; margin-right: auto;" class="img-circle">
<h5>Famous Person</h5>
<p>Company Placeholder</p>
</div>
<div class="col-xs-12 col-md-4" style="padding-bottom: 50px;"><img src="https://media.istockphoto.com/id/1177794485/vector/person-gray-photo-placeholder-woman.jpg?s=612x612&w=0&k=20&c=B41l9xgyu4bR63vPqt49mKZIRGh8ewpewN7zXnYPOsI=" alt="Placeholder Image" caption="false" width="150" height="100" style="display: block; margin-left: auto; margin-right: auto;" class="img-circle">
<h5>Famous Person</h5>
<p>Company Placeholder</p>
</div>
</div>
</div>
<!--Full Width Section Four: Agenda-->
<div class="container-fluid" style="background-color: #ffffff; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 75px;">
<div class="container">
<h3 style="font-size: 1.8em; font-family: Roboto; text-align: center;">Conference Agenda<br><br></h3>
<div class="col-xs-12 col-md-12" style="background: #ff6327; padding: 30px; margin-bottom: 30px;">
<h5 style="color: white;">Day 1: Monday, March 9</h5>
<p style="color: white;"><em>8:00AM - 4:00PM</em></p>
<p style="color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. </p>
</div>
<div class="col-xs-12 col-md-12" style="background: #2b3c51; padding: 30px; margin-bottom: 30px;">
<h5 style="color: white;">Day 2: Tuesday, March 10</h5>
<p style="color: white;"><em>9:00AM - 5:00PM</em></p>
<p style="color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
</div>
<div class="col-xs-12 col-md-12" style="background: #ff6327; padding: 30px; margin-bottom: 30px;">
<h5 style="color: white;">Day 3: Wednesday, March 11</h5>
<p style="color: white;"><em>9:30AM - 2:00PM</em></p>
<p style="color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
</div>
</div>
</div>
<!--Full Width Section Five: Testimonial-->
<div class="container-fluid" style="background-color: #2b3c51; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 75px;">
<div class="container" style="text-align: center;"><img src="https://media.istockphoto.com/id/1327592506/vector/default-avatar-photo-placeholder-icon-grey-profile-picture-business-man.jpg?s=612x612&w=0&k=20&c=BpR0FVaEa5F24GIw7K8nMWiiGmbb8qmhfkpXcp1dhQg=" alt="Placeholder Image" caption="false" width="150" height="150" class="img-circle" style="display: block; margin-left: auto; margin-right: auto;">
<p style="color: white;"><br><strong>Dignified Member Quote</strong></p>
<p style="color: white;"><br>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate."<br><br></p>
<p><a href="#" class="btn btn-tertiary" style="color: white; background-color: #ff6327; border: 1px #FF6327; padding: 15px 30px;">Register Here</a></p>
</div>
</div>
<!--Full Width Section: Sponsors -->
<div class="container-fluid" style="width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 75px;">
<div class="container">
<h3 style="text-align: center;">Thank You to Our Sponsors<br><br></h3>
<div class="row">
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
</div>
<div class="row">
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
<div class="col-md-3"><img src="https://assets.noviams.com/novi-file-uploads/noviams4/structure/noviams-full-color-logo.svg" alt="Placeholder Image" caption="false" width="200" height="64" style="display: block; margin-left: auto; margin-right: auto; padding-bottom: 60px;"></div>
</div>
</div>
<!--Full Width Section Seven: Location -->
<div class="container-fluid" style="background-color: #f5f8fa; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 75px;">
<div class="container">
<div class="col-xs-12 col-md-6" style="padding-right: 30px;">
<h2>Event Location</h2>
<p><br>Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</p>
<p></p>
<p><i class="far fas fa-check-circle" style="color: #2b3c51;"></i> Interesting Fact One</p>
<p><i class="far fas fa-check-circle" style="color: #2b3c51;"></i> Interesting Fact Two</p>
<p><i class="far fas fa-check-circle" style="color: #2b3c51;"></i> Interesting Fact Three</p>
<p><i class="far fas fa-check-circle" style="color: #2b3c51;"></i> Interesting Fact Four<br><br></p>
</div>
<div class="col-xs-12 col-md-6"><iframe width="515" height="421" style="border: 0px; display: table; margin-left: auto; margin-right: auto;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3524.6843631064635!2d-82.45733542393641!3d27.94232001508765!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88c2c48d150dadab%3A0x55a71c747ca9dd92!2sEmbassy%20Suites%20by%20Hilton%20Tampa%20Downtown%20Convention%20Center!5e0!3m2!1sen!2sus!4v1688139357668!5m2!1sen!2sus" allowfullscreen="allowfullscreen" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
</div>
</div>
<!--Full Width Section Eight: Call to Action-->
<div class="container-fluid" style="background-color: #2b3c51; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding-top: 75px; padding-bottom: 75px;">
<div class="container">
<div class="col-md-9">
<h2 style="color: white;">Call to Action</h2>
<p style="color: white;">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.</p>
</div>
<div class="col-md-3">
<p style="color: white;"><a href="https://noviams.com" class="btn btn-secondary" style="padding: 15px 30px; margin-top: 30px;">Click Here to Register</a></p>
</div>
</div>
</div>
</div>