codigo_temporal

codigo_temporal.css

html { min-height: 100%; position: relative; }

body { background: #f5f5f5; font-family: 'Poppins', sans-serif; font-size: 14px; color: #444; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight: 500; }

.top-bar { padding: 0.7rem; }
.top-bar, .top-bar ul { background: #074e68; color: #fff; }
.top-bar, .top-bar ul a { color: #fff; text-transform: inherit; font-weight: 500; }

.sticky { box-shadow: 0px 2px 4px -2px #aaa; transition: all 1s ease; }
.sticky.is-stuck.is-at-top { transition: all 0s ease; }
.sticky.is-stuck.is-at-top > nav li a { padding: 0.8rem 1rem !important; transition: all 1s ease; }

.top-bar a.button { color: #fff !important; }

.grid-container.fluid { padding: 2rem; }

.button { font-size: 14px; font-weight: 400; padding: 0.5rem 1rem; }
a.button { color: #fff !important; }
a.hollow.button.primary { color: #2787ff !important; }
a.hollow.button.success { color: #00af80 !important; }
a.hollow.button.warning { color: #ffbf4d !important; }
a.hollow.button.alert { color: #ff6262 !important; }

.card { border: 0; margin-bottom: 2rem; box-shadow: 0px 0px 3px #aaa; }
.card-divider { background: #fff; border-bottom: 1px solid #ddd; font-weight: 500; color: #333; display: block; padding: 1rem 2rem; }
.card-section { padding: 2rem; }
.card-footer { border-top: 1px solid #ddd; padding: 1rem 2rem; }
.card-footer .button { margin: 0; }

.orbit { border-radius: 3px; }
.orbit-container { background: #fff; z-index: -1; border-radius: 3px; }
.orbit-next, .orbit-previous { background: #074e68; z-index: 1 !important; }

.mt-0 { margin-top: 0rem; }
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mt-4 { margin-top: 4rem; }

.mb-0 { margin-bottom: 0rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 4rem; }

.p-0 { padding: 0rem; }
.p-1 { padding: 1rem; }
.p-2 { padding: 2rem; }
.p-3 { padding: 3rem; }
.p-4 { padding: 4rem; }

.pt-0 { padding-top: 0rem; }
.pt-1 { padding-top: 1rem; }
.pt-2 { padding-top: 2rem; }
.pt-3 { padding-top: 3rem; }
.pt-4 { padding-top: 4rem; }

.pb-0 { padding-bottom: 0rem; }
.pb-1 { padding-bottom: 1rem; }
.pb-2 { padding-bottom: 2rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; }

.b-0 { border: 0; }
.b-1 { border: 1px solid #ddd; }
.b-2 { border: 2px solid #ddd; }
.b-3 { border: 3px solid #ddd; }

.bt-1 { border-top: 1px solid #ddd; }
.br-1 { border-right: 1px solid #ddd; }

.st-1 { box-shadow: 0px 2px 4px -2px #aaa; }
.sb-1 { box-shadow: 0px 0px 3px #aaa; }

table th { font-weight: 500 !important; padding: 1rem 1rem !important; }
table td { padding: 0.7rem 1rem !important; }

label { margin-bottom: 0.5rem; }

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea { font-size: 14px; color: #444; box-shadow: none; }

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus { box-shadow: none; }

footer { width: 100%; height: auto; }

        <div class="top-bar">
            <navbar>
                <div class="top-bar-left">
                    <ul class="dropdown menu" data-dropdown-menu>
                        <li class="hide-for-large"><a data-toggle="offCanvas"><i class="far fa-bars"></i></a></li>        
                        <li class=" show-for-large"><%= link_to "CDMYPE UGB", root_path %></li>
                        <!--<li class=" show-for-large"><a href="#">Nuestros servicios</a></li>
                        <li class=" show-for-large"><a href="#">Sobre Nosotros</a></li>
                        <li class=" show-for-large"><a href="#">Contactenos</a></li>-->            
                    </ul>
                </div>
                <div class="top-bar-right show-for-large">
                    <ul class="dropdown menu" data-dropdown-menu>
                        <% if params[:controller] == 'surveys' %>
                            <li><%= link_to 'Nueva encuesta', new_survey_path(action: "new"), class: "button" %></li>
                        <% else %>
                            <li><%= link_to "Diagnostico Empresarial", surveys_path, class: "button alert" %></li>
                            <li><a href="#">Cuenta</a></li>
                        <% end %>
                    </ul>
                </div>            
            </navbar>
        </div>    

            <p>Correo: <% if @homepage.email.present? %><%= @homepage.email %><% else %>Ninguno<% end %></p>
            <p>Telefono: <% if @homepage.phone.present? %><%= @homepage.phone %><% else %>Ninguno<% end %></p>