Hello, I'm adding a comment section to my website and there is a CSS style ("form-label") that when present causes the Navbar not to show up; I figured out a way to fix this (either by removing the style or by changing it from external to internal) and the Navbar works perfectly fine. However, when I do this the comments stop getting submitted and the problem doesn't seem to be with the Navbar since I can remove it and the comments still won't post properly if this particular CSS style is not present. I will post my code along with the live code generated (sorry in advance for it being so long), I compared the version of the generated code that has the CSS style and the one that doesn't using a text comparison program and they only differ in the captcha and in the form-label style, therefore I'll only include the version where the comments don't work. I will appreciate tremendously any help at all since I've been trying to solve this for days!
Here is my code with the Couch tags (here the "form-label" CSS style has been replaced by an identical "form-problem" style that is included in the code and only differs by the name):
Here is my code with the Couch tags (here the "form-label" CSS style has been replaced by an identical "form-problem" style that is included in the code and only differs by the name):
- Code: Select all
<?php require_once( 'couch/cms.php' ); ?>
<cms:template title='News Article' clonable='1' commentable='1'>
<cms:editable name='article_content' type='richtext' required='1' label='Article Content'/>
<cms:editable name='author_name' type='textarea' required='1' label='Author Name' width='200'
height='35'/>
<cms:editable name='article_image' required='1' label='Article Image'
crop='1'
width='770'
height='500'
type='image'
/>
<cms:editable name='about_author' required='1' type='richtext' label='About Author'/>
<cms:editable name='author_image' required='1' label='Author Photo'
crop='1'
width='170'
height='170'
type='image'
/>
<cms:editable name='article_summary' validator='max_len=500' type='richtext' label='Article Summary'/>
<cms:folder name='medical' title='Medicine and Health' />
<cms:folder name='research' title='Research' />
<cms:folder name='volunteering' title='Volunteering' />
<cms:folder name='academic' title='Academic' />
<cms:folder name='professional' title='Professional' />
</cms:template>
<cms:if k_is_page >
<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
<head>
<style>
.form-problem {
position: absolute;
top: 24px;
left: 20px;
font-size: 14px;
color: #2d2e2e;
pointer-events: none;
z-index: 9;
transition: .3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
font-weight: 400;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 50%;
top: 50%;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header-green {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-header-red {
padding: 2px 16px;
background-color: #be5555;
color: white;
}
.modal-body {padding: 2px 16px;}
</style>
<!-- Site Title-->
<title>News Post Page</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="keywords" content="intense web design multipurpose template">
<meta name="date" content="Dec 26">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700%7CMerriweather:400,300,300italic,400italic,700,700italic">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page-->
<div class="page text-center">
<!-- Page Header-->
<header class="page-head">
<!-- RD Navbar Transparent-->
<div class="rd-navbar-wrap">
<nav data-md-device-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-stick-up-offset="210" data-xl-stick-up-offset="85" class="rd-navbar rd-navbar-default" data-lg-auto-height="true" data-md-layout="rd-navbar-static" data-lg-layout="rd-navbar-static" data-lg-stick-up="true">
<div class="rd-navbar-inner">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button data-rd-navbar-toggle=".rd-navbar, .rd-navbar-nav-wrap" class="rd-navbar-toggle"><span></span></button>
<h4 class="panel-title veil-md">News</h4>
<!-- RD Navbar Right Side Toggle-->
<button data-rd-navbar-toggle=".rd-navbar-top-panel" class="rd-navbar-top-panel-toggle veil-md"><span></span></button>
<div class="rd-navbar-top-panel">
<div class="rd-navbar-top-panel-left-part">
<ul class="list-unstyled">
<li>
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-phone text-middle"></span></div>
<div class="unit-body"><a href="callto:#">1-800-1234-567,</a> <a href="callto:#" class="reveal-block reveal-md-inline-block">1-800-6547-321</a>
</div>
</div>
</li>
<li>
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-map-marker text-middle"></span></div>
<div class="unit-body"><a href="#">1234 University of Florida Gainesville, FL 32611-2015 USA</a></div>
</div>
</li>
<li>
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-email-open text-middle"></span></div>
<div class="unit-body"><a href="mailto:#"> info@ufafps.org</a></div>
</div>
</li>
</ul>
</div>
<div class="rd-navbar-top-panel-right-part">
<div class="rd-navbar-top-panel-left-part">
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-login text-middle"></span></div>
<div class="unit-body"><a href="login-register.html">Login/Register</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="rd-navbar-menu-wrap clearfix">
<!--Navbar Brand-->
<div class="rd-navbar-brand"><a href="index.html" class="reveal-inline-block">
<div class="unit unit-xs-middle unit-xl unit-xl-horizontal unit-spacing-xxs">
<div class="unit-left"><img width='170' height='172' src='images/logo-170x172.png' alt=''/></div>
<div class="unit-body text-xl-left">
<div class="rd-navbar-brand-title">American Physician Scientist Assosiation</div>
<div class="rd-navbar-brand-slogan">University of Florida</div>
</div>
</div></a></div>
<div class="rd-navbar-nav-wrap">
<div class="rd-navbar-mobile-scroll">
<div class="rd-navbar-mobile-header-wrap">
<!--Navbar Brand Mobile-->
<div class="rd-navbar-mobile-brand"><a href="index.html"><img width='136' height='138' src='images/logo-170x172.png' alt=''/></a></div>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li><a href="index.html">Home</a>
</li>
<li><a href="#">Elements</a>
<ul class="rd-navbar-dropdown">
<li><a href="grid.html">Grid</a>
</li>
<li><a href="icons.html">Icons</a>
</li>
<li><a href="tables.html">Tables</a>
</li>
<li><a href="progress-bars.html">Progress bars</a>
</li>
<li><a href="tabs-and-accordions.html">Tabs & Accordions</a>
</li>
<li><a href="forms.html">Forms</a>
</li>
<li><a href="buttons.html">Buttons</a>
</li>
<li><a href="typography.html">Typography</a>
</li>
</ul>
</li>
<li><a href="#">Pages</a>
<div class="rd-navbar-megamenu">
<div class="row section-relative">
<ul class="col-md-3">
<li class="tabs-nav">
<h6>Academic</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="academic.html#0">Undergraduate Study</a></li>
<li><a href="academic.html#1">Graduate & Professional Study</a></li>
<li><a href="academic.html#2">Departments & Programs</a></li>
<li><a href="academic.html#3">Global Education</a></li>
<li><a href="academic.html#4">Summer Session</a></li>
<li><a href="academic.html#5">Non-Degree Offerings</a></li>
<li><a href="academic.html#6">Online Learning</a></li>
</ul>
</li>
</ul>
<ul class="col-md-3">
<li>
<h6>Pages</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="404.html">404</a></li>
<li><a href="privacy.html">Terms of Use</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="login-register.html">Login/Register</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="search-results.html">Search Results</a></li>
<li><a href="apply.html">Apply</a></li>
</ul>
</li>
</ul>
<ul class="col-md-3">
<li>
<h6>Layouts</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="header-transparent.html">Header Transparent</a></li>
<li><a href="header-center.html">Header Center, Footer Center</a></li>
<li><a href="header-minimal.html">Header Minimal, Footer Center</a></li>
<li><a href="header-corporate.html">Header Corporate</a></li>
<li><a href="header-hamburger-menu.html">Header Hamburger Menu</a></li>
<li><a href="footer-minimal.html">Footer Minimal</a></li>
<li><a href="footer-widget.html">Footer Widget</a></li>
</ul>
</li>
</ul>
<ul class="col-md-3">
<li>
<h6>About</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="history.php">History</a></li>
<li><a href="people.html">People</a></li>
<li><a href="team-member-profile.html">Team Member Profile</a></li>
</ul>
</li>
<li>
<h6>Event Calendar</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="calendar.html">Calendar</a></li>
<li><a href="day-event.html">Day Event</a></li>
<li><a href="event-page.html">Event Page</a></li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li class="active"><a href="#">News</a>
<ul class="rd-navbar-dropdown">
<li><a href="classic-news.html">Classic news</a>
</li>
<li><a href="news.html">Grid News</a>
</li>
<li><a href="masonry-news.html">Masonry News</a>
</li>
<li><a href="grid-news-3-columns.html">3 Columns Grid News</a>
</li>
<li><a href="modern-news.html">Modern News</a>
</li>
<li><a href="article.php">News Post Page</a>
</li>
</ul>
</li>
<li><a href="#">Campus</a>
<ul class="rd-navbar-dropdown">
<li><a href="grid-gallery.html">Grid Gallery</a>
</li>
<li><a href="grid-without-padding-gallery.html">Grid Without Padding Gallery</a>
</li>
<li><a href="masonry-gallery.html">Masonry Gallery</a>
</li>
<li><a href="cobbles-gallery.html">Cobbles Gallery</a>
</li>
</ul>
</li>
<li><a href="#">Shop</a>
<ul class="rd-navbar-dropdown">
<li><a href="product-catalog.html">Product Catalog</a>
</li>
<li><a href="single-product.html">Single Product</a>
</li>
<li><a href="shopping-cart.html">Shopping Cart</a>
</li>
<li><a href="checkout.html">Checkout</a>
</li>
</ul>
</li>
<li><a href="donate.html">Donate</a>
</li>
<li><a href="contacts.html">Contacts</a>
</li>
<li class="veil-md"><a href="shopping-cart.html">Shopping Cart (2)</a></li>
</ul>
<!--RD Navbar Mobile Search-->
<div id="rd-navbar-search-mobile" class="rd-navbar-search-mobile">
<form action="search-results.html" method="GET" class="rd-navbar-search-form search-form-icon-right rd-search">
<div class="form-group">
<label for="rd-navbar-mobile-search-form-input" class="form-label">Search...</label>
<input id="rd-navbar-mobile-search-form-input" type="text" name="s" autocomplete="off" class="rd-navbar-search-form-input form-control form-control-gray-lightest"/>
</div>
<button type="submit" class="icon fa-search rd-navbar-search-button"></button>
</form>
</div>
</div>
</div>
<!--RD Navbar Search-->
<div class="rd-navbar-search"><a data-rd-navbar-toggle=".rd-navbar-search" href="#" class="rd-navbar-search-toggle mdi"><span></span></a>
<form action="search-results.html" data-search-live="rd-search-results-live" method="GET" class="rd-navbar-search-form search-form-icon-right rd-search">
<div class="form-group">
<label for="rd-navbar-search-form-input" class="form-label">Search</label>
<input id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off" class="rd-navbar-search-form-input form-control form-control-gray-lightest"/>
<div id="rd-search-results-live" class="rd-search-results-live"></div>
</div>
</form>
</div>
<!--RD Navbar shop-->
<div class="rd-navbar-cart"><span class="icon fa-shopping-cart"></span><a href="shopping-cart.html" class="inset-left-10">2</a></div>
</div>
</div>
</nav>
</div>
</header>
<!-- Classic Breadcrumbs-->
<cms:if k_page_foldertitle >
<cms:set my_category=k_page_foldertitle />
<cms:else />
<cms:set my_category='General' />
</cms:if>
<section class="breadcrumb-classic context-dark">
<div class="shell section-30 section-sm-top-70 section-sm-bottom-60">
<h1 class="veil reveal-sm-block">News</h1>
<div class="offset-sm-top-35">
<ul class="list-inline list-inline-lg list-inline-dashed p">
<li><a href="index.html">Home</a></li>
<li><a href="article.php">News</a></li>
<li><a href='<cms:show k_page_folderlink />'><cms:show my_category /></a></li>
<li><cms:show k_page_title /></li>
</ul>
</div>
</div>
</section>
<!-- Page Content-->
<main class="page-content">
<div id="fb-root"></div>
<!-- Latest news-->
<section class="section-70 section-md-114">
<div class="shell">
<div class="range range-xs-center">
<div class="cell-sm-8 cell-md-8 text-md-left">
<h2 class="text-bold">
<cms:show k_page_title />
</h2>
<hr class="divider bg-madison hr-md-left-0">
<div class="offset-md-top-47 offset-top-20">
<ul class="post-news-meta list list-inline list-inline-xl">
<li><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black"><cms:date k_page_date format='jS M, y'/></span></li>
<li><span class="icon icon-xs mdi mdi-account text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-primary"><cms:show author_name /></span></li>
</ul>
</div>
<div class="offset-top-30"><img src="<cms:show article_image />" width="770" height="500" alt="" class="img-responsive">
<div class="offset-top-30">
<p><cms:show article_content /></p>
</div>
</div>
<div class="offset-top-30 post-news-meta range range-xs-middle range-xs-center">
<div class="cell-md-6">
</div>
<div class="cell-md-6">
<ul class="list-inline list-inline-xs list-inline-madison pull-md-right text-middle">
<li><a href="https://www.facebook.com/groups/UFAPSA/" class="icon icon-xxs fa-facebook icon-circle icon-gray-light-filled"></a></li>
<li><a href="https://twitter.com/UFAPSA" class="icon icon-xxs fa-twitter icon-circle icon-gray-light-filled"></a></li>
<li><a href="https://plus.google.com/u/0/107790480094943341267" class="icon icon-xxs fa-google icon-circle icon-gray-light-filled"></a></li>
<li><a href="https://www.instagram.com/ufapsa/" class="icon icon-xxs fa-instagram icon-circle icon-gray-light-filled"></a></li>
</ul>
</div>
</div>
<div class="offset-top-50">
<h6 class="text-bold">Author</h6>
<div class="text-subline"></div>
<div class="offset-top-30">
<div class="unit unit-sm unit-sm-horizontal unit-spacing-lg">
<div class="unit-left"><img src="<cms:show author_image />" width="170" height="170" alt="" class="img-responsive img-rounded reveal-inline-block"></div>
<div class="unit-body text-sm-left">
<h6 class="text-bold text-primary"><cms:show author_name /></h6>
<p><cms:show about_author /></p>
</div>
</div>
</div>
<!-- Box Comments-->
<div class="offset-top-60">
<h6 class="text-bold">Comments</h6>
<div class="text-subline"></div>
<div class="offset-top-30">
<div class="box-comment text-left box-comment-classic">
<div class="unit unit-xs-horizontal">
<div class="unit-body">
<div>
<p class="box-comment-title"><span class="h6 text-primary text-bold">Theresa Lane</span>
<time datetime="2016-01-01" class="post-meta inset-left-20 text-italic">2 days ago</time>
</p>
</div>
<div class="box-comment-body offset-top-10">
<p>Thanks to the author for such a useful article. Pell Grant has also helped my son with paying for his tuition.</p>
<div class="offset-top-20"><a href="#"><span class="icon fa-reply icon-xs icon-primary"></span><span class="text-primary inset-left-10">Reply</span></a></div>
</div>
</div>
</div>
<!-- Box Comment-->
<div class="box-comment text-left box-comment-classic">
<div class="unit unit-xs-horizontal">
<div class="unit-body">
<div>
<p class="box-comment-title"><span class="h6 text-primary text-bold">Roland Austin</span>
<time datetime="2016-01-01" class="post-meta inset-left-20 text-italic">2 days ago</time>
</p>
</div>
<div class="box-comment-body offset-top-10">
<p>Thank you!</p>
<div class="offset-top-20"><a href="#"><span class="icon fa-reply icon-xs icon-primary"></span><span class="text-primary inset-left-10">Reply</span></a></div>
</div>
</div>
</div>
</div>
</div>
<cms:if k_is_commentable >
<div class="offset-top-60" >
<h6 class="text-bold">Post a Comment</h6>
<div class="text-subline"></div>
<div class="offset-top-20">
<cms:form method="post" class="rd-mailform text-left">
<div class="range">
<cms:if k_success >
<cms:process_comment />
<cms:if k_process_comment_success>
<cms:send_mail from=k_email_from to=k_email_to subject='Comment posted'>
The following comment has been posted at your site:
<cms:show k_success />
</cms:send_mail>
<div id="myModal(green)" class="modal">
<div class="modal-content">
<div class="modal-header-green">
<span class="close">×</span>
<h2>Your Comment Has Been Posted!</h2>
</div>
<div class="modal-body">
<p>Thank you for the feed back!</p>
<p>Your comment will be published as soon as reviewed by an Admin.</p>
</div>
</div>
</div>
<script>
var modal = document.getElementById('myModal(green)').style.display = "block";
var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
window.location = '<cms:show k_page_link />';
}
window.onclick = function(event) {
if (event.target == modal) {
window.location = '<cms:show k_page_link />';
}
}
</script>
<cms:else />
<div id="myModal(red)" class="modal">
<div class="modal-content">
<div class="modal-header-red">
<span class="close">×</span>
<h2>Opps! Something Went Wrong!</h2>
</div>
<div class="modal-body">
<p>The following error occured while processing your comment:</p>
<p><cms:show k_process_comment_error /></p>
</div>
</div>
</div>
<script>
var modal = document.getElementById('myModal(red)').style.display = "block";
var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
window.location.href = "<cms:show k_page_link />";
}
window.onclick = function(event) {
if (event.target == modal) {
window.location.href = "<cms:show k_page_link />";
}
}
</script>
</cms:if>
<cms:else />
<cms:if k_error >
<div class="k_errormessage">
<h4>The following fields are incomplete:</h4>
<ul>
<cms:each k_error >
<li><cms:show item /></li>
</cms:each>
</ul>
</div>
</cms:if>
<cms:if k_logged_out >
<div class="cell-lg-6">
<div class="form-group">
<label for="comment-form-first-name" class="form-problem form-label-outside">Full Name</label>
<cms:input type="text" name="k_author" size="22" tabindex="1" required="1" class="form-control" />
</div>
</div>
<div class="cell-lg-6">
<div class="form-group">
<label for="comment-form-email" class="form-problem form-label-outside">E-mail</label>
<cms:input type="text" name="k_email" size="22" tabindex="2" validator="email" required="1" class="form-control" />
</div>
</div>
</cms:if>
<div class="cell-lg-12 offset-top-12">
<div class="form-group">
<label for="comment-form-message" class="form-problem form-label-outside">Message</label>
<cms:input type="textarea" name="k_comment" class="form-control"
validator_msg="required=Please enter something as comment" required="1" class="form-control form-validation-inside"/>
</div>
</div>
<cms:if k_logged_out >
<div class="cell-lg-6">
<div class="form-group">
<label for="captcha"><small>Please enter this word in the textbox below</small></label><br>
<cms:input type="captcha" name="captcha" format='i-r-t' class="form-control"/>
</div>
</div>
</cms:if>
</div>
<div class="offset-top-20 text-center text-sm-left">
<cms:input type="submit" value="Submit" name="submit" class="btn btn-primary" />
</div>
</cms:if>
</cms:form>
</div>
</cms:if>
</div>
</div>
</div>
</div>
</div>
<!-- aside-->
<cms:embed 'article_sidebar.html' />
</div>
</div>
</section>
</main>
<!-- Page Footer-->
<!-- Corporate footer-->
<footer class="page-footer">
<div class="shell-wide">
<div class="hr bg-gray-light"></div>
</div>
<div class="shell section-60">
<div class="range range-lg-justify range-xs-center">
<div class="cell-md-3 cell-lg-2">
<!--Footer brand--><a href="index.html" class="reveal-inline-block"><img width='170' height='172' src='images/logo-170x172.png' alt=''/>
<div>
<h6 class="barnd-name text-bold offset-top-25">American Physician Scientist Assosiation</h6>
</div>
<div>
<p class="brand-slogan text-gray text-italic font-accent">University of Florida</p>
</div></a>
</div>
<div class="cell-xs-10 cell-md-5 cell-lg-4 text-lg-left offset-top-50 offset-md-top-0">
<h6 class="text-bold">Contact us</h6>
<div class="text-subline"></div>
<div class="offset-top-30">
<ul class="list-unstyled contact-info list">
<li>
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-phone text-middle icon-xs text-madison"></span></div>
<div class="unit-body"><a href="callto:#" class="text-dark">1-800-1234-567,</a> <a href="callto:#" class="reveal-block reveal-md-inline-block text-dark">1-800-6547-321</a>
</div>
</div>
</li>
<li class="offset-top-15">
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-map-marker text-middle icon-xs text-madison"></span></div>
<div class="unit-body text-left"><a href="#" class="text-dark">1234 University of Florida Gainesville, FL 32611-2015 USA</a></div>
</div>
</li>
<li class="offset-top-15">
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-email-open text-middle icon-xs text-madison"></span></div>
<div class="unit-body"><a href="mailto:#"> info@ufafps.org</a></div>
</div>
</li>
</ul>
</div>
<div class="offset-top-15 text-left">
<ul class="list-inline list-inline-xs list-inline-madison">
<li><a href="https://www.facebook.com/groups/UFAPSA/" class="icon icon-xxs fa-facebook icon-circle icon-gray-light-filled"></a></li>
<li><a href="https://twitter.com/UFAPSA" class="icon icon-xxs fa-twitter icon-circle icon-gray-light-filled"></a></li>
<li><a href="https://plus.google.com/u/0/107790480094943341267" class="icon icon-xxs fa-google icon-circle icon-gray-light-filled"></a></li>
<li><a href="https://www.instagram.com/ufapsa/" class="icon icon-xxs fa-instagram icon-circle icon-gray-light-filled"></a></li>
</ul>
</div>
</div>
<div class="cell-xs-10 cell-md-8 cell-lg-4 text-lg-left offset-top-50 offset-lg-top-0">
<h6 class="text-bold">Newsletter</h6>
<div class="text-subline"></div>
<div class="offset-top-30 text-left">
<p>Enter your email address to get the latest University of Florida news, special events and student activities delivered right to your inbox.</p>
</div>
<div class="offset-top-10">
<form data-form-output="form-subscribe-footer" data-form-type="subscribe" method="post" action="bat/rd-mailform.php" class="rd-mailform form-subscribe">
<div class="form-group">
<div class="input-group input-group-sm">
<input placeholder="Your e-mail" type="email" name="email" data-constraints="@Required @Email" class="form-control"><span class="input-group-btn">
<button type="submit" class="btn btn-sm btn-primary">Subscribe</button></span>
</div>
</div>
<div id="form-subscribe-footer" class="form-output"></div>
</form>
</div>
</div>
</div>
</div>
<div class="bg-madison context-dark">
<div class="shell text-md-left section-5">
<p>© <span id="copyright-year"></span> All Rights Reserved Terms of Use and <a href="privacy.html">Privacy Policy</a></p>
</div>
</div>
</footer>
</div>
<!-- Global Mailform Output-->
<div id="form-output-global" class="snackbars"></div>
<!-- PhotoSwipe Gallery-->
<div tabindex="-1" role="dialog" aria-hidden="true" class="pswp">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button title="Close (Esc)" class="pswp__button pswp__button--close"></button>
<button title="Share" class="pswp__button pswp__button--share"></button>
<button title="Toggle fullscreen" class="pswp__button pswp__button--fs"></button>
<button title="Zoom in/out" class="pswp__button pswp__button--zoom"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button title="Previous (arrow left)" class="pswp__button pswp__button--arrow--left"></button>
<button title="Next (arrow right)" class="pswp__button pswp__button--arrow--right"></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<!-- Java script-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
<cms:else />
<cms:embed 'news.html' />
</cms:if>
<?php COUCH::invoke(); ?>