Tucson - DNN Skin by Mandeeps.com > Portfolio > 4 Columns

Register

Login

Home
Blog
Shop
Shortcodes
Features
- Module Themes
- Headers
  - Header 1
  - Header 2
- Navigations
  - Colors
  - Vertical
- Layouts
- Pane Layout
- Footers
<style type="text/css"> .features #header nav.mega-menu ul.nav-main li[data-col="0"].mega-menu-item ul.dropdown-menu { background-color: #fff !important; border: 1px solid #ccc; } .features section.call-to-action { position: relative; clear: both; overflow: hidden; border: 0; padding: 40px 0 30px; background-color: transparent; } .features section.call-to-action h3 { margin-bottom: 10px; } .features em.icon-featured { font-size: 30px; background: #E36159; } .features .icon-featured { border-radius: 100%; color: #FFF; line-height: 80px; display: inline-block; width: 80px; height: 80px; margin: 0 !important; } .features .box-content h5 { padding: 5px; margin: 0 !important; } .features span.thumb-info-caption-text.text-justify { font-size: .9em; line-height: 20px; padding: 0; display: block; color: #777; } .features .thumb-info-caption { padding: 0; } .features .img-circle { width: 125px; margin: 10px; border: 2px solid #e36159; } .features .thumb-info { border-bottom: none; } .features .col-md-1 { width: 13.333333%; padding: 0; } .features .col-md-3 { padding: 0; } .features .col-md-2 { width: 19.666667%; } .features a { display: inline-block !important; text-decoration: none; padding: 10px !important; } .features .thumb-info-wrapper { position: relative; } .features .thumb-info-action { left: 0; width: 100%; position: absolute; top: 50%; margin-top: -35px; } .features .thumb-info-action-icon em { position: static; font-size: 50px; } .features { margin-bottom: -45px; } .features h5 { color: #e36159 !important; } .features .btn-primary { border-color: #e36159 !important; background-color: #e36159 !important; } .features .thumb-info-action-icon em { color: #e36159; } #header .features ul.nav.nav-tabs.nav-justified li a.text-center { display: block !important; color: #e36159 !important; font-size: 15px; margin: 0px !important; } .features ul.nav.nav-tabs.nav-justified li:hover a.text-center { background: transparent !important; } .features ul.nav.nav-tabs.nav-justified li a.text-center { padding-left: 0px !important; padding-right: 0px !important; } .features ul.nav.nav-tabs.nav-justified li:last-child a.text-center { border-bottom: 1px solid #DDD !important; } #header .features ul.nav.nav-tabs.nav-justified li:last-child.active a.text-center { border-bottom: 0px !important; } .features .tabs ul.nav-tabs.nav-justified a:hover { border-top-color: #e36159 !important; } .features .tabs ul.nav-tabs li.active a { border-top-color:#e36159 !important; } </style> <div class="features center"> <div class="tabs"> <ul class="nav nav-tabs nav-justified"> <li class="active"> <a href="#moduleThemes" data-toggle="tab" class="text-center"> Module Themes </a> </li> <li><a href="#menuOptions" data-toggle="tab" class="text-center">Menu Options</a> </li> <li><a href="#headersFooters" data-toggle="tab" class="text-center">Headers & Footers</a> </li> <li><a href="#layouts" data-toggle="tab" class="text-center">Layouts</a> </li> </ul> <div class="tab-content"> <div id="moduleThemes" class="tab-pane active"> <div class="row"> <section class="call-to-action" style="padding: 0px;"> <div class="center"> <h3>Tucson includes matching <strong>module themes</strong> to create an <strong>awesome</strong> website!</h3> <h6>Fast-Track design & development with <strong>enterprise functionality</strong> in just a few clicks</h6> </div> </section> <div class="row" style="padding-top: 30px;"> <div class="col-md-1" style="margin-left: 3.49%;"> <a href="/features/module-themes/live-accordion.aspx"> <div class="box-content"> <em class="icon-featured fa fa-bars"></em> <h5>Live Accordion</h5> </div> </a> </div> <div class="col-md-1"> <a href="/features/module-themes/live-articles.aspx"> <div class="box-content"> <em class="icon-featured fa fa-file-text-o"></em> <h5>Live Articles</h5> </div> </a> </div> <div class="col-md-1"> <a href="/features/module-themes/live-blog.aspx"> <div class="box-content"> <em class="icon-featured fa fa-file-o"></em> <h5>Live Blog</h5> </div> </a> </div> <div class="col-md-1"> <a href="/features/module-themes/live-campaign.aspx"> <div class="box-content"> <em class="icon-featured fa fa-envelope-o"></em> <h5>Live Campaign</h5> </div> </a> </div> <div class="col-md-1"> <a href="/features/module-themes/live-content.aspx"> <div class="box-content"> <em class="icon-featured fa fa-desktop"></em> <h5>Live Content</h5> </div> </a> </div> <div class="col-md-1"> <a href="/features/module-themes/live-forms.aspx"> <div class="box-content"> <em class="icon-featured fa fa-check-square-o"></em> <h5>Live Forms</h5> </div> </a> </div> <div class="col-md-1"> <a href="/features/module-themes/live-tabs.aspx"> <div class="box-content"> <em class="icon-featured fa fa-folder"></em> <h5>Live Tabs</h5> </div> </a> </div> </div> <br /> <div class="row center"> <div class="col-md-12" style="font-style: italic; color: black;"> <small> <sup>*</sup>These modules are sold separately - either individually or as part of our <a href="http://www.mandeeps.com/products/dnn-essentials.aspx" style="padding: 0px;">DNN Essentials</a> collection. </small> </div> </div> </div> </div> <div id="menuOptions" class="tab-pane"> <div class="row"> <div class="col-md-2"> <div class="thumb-info-wrapper"> <img alt="" src="http://tucson.mandeeps.com/portals/21/img/Hamburger.jpg" class="img-circle" /> <span class="thumb-info-action"> <a href="https://www.youtube.com/watch?v=m0nGzjL_WI0" target="_blank"><span class="thumb-info-action-icon thumb-info-action-icon-light"><em class="fa fa-play-circle"></em></span></a> </span> </div> <div class="thumb-info-caption"> <h5>Hamburger Menu</h5> <span class="thumb-info-caption-text text-justify">Resize and reduce your screen width or view this page in a mobile or table device</span> </div> </div> <div class="col-md-2"> <div class="thumb-info-wrapper"> <img alt="Dropdown Menu" src="http://tucson.mandeeps.com/portals/21/img/Dropdown.jpg" class="img-circle" /> <span class="thumb-info-action"> <a href="https://www.youtube.com/watch?v=m0nGzjL_WI0" target="_blank"><span class="thumb-info-action-icon thumb-info-action-icon-light"><em class="fa fa-play-circle"></em></span></a> </span> </div> <div class="thumb-info-caption"> <h5>Dropdown Menu</h5> <span class="thumb-info-caption-text text-justify">Ideal for pages with few navigation links and sub menus.</span> </div> </div> <div class="col-md-2"> <div class="thumb-info-wrapper"> <img alt="Mega Menu" src="http://tucson.mandeeps.com/portals/21/img/Mega-munu.jpg" class="img-circle" /> <span class="thumb-info-action"> <a href="https://www.youtube.com/watch?v=m0nGzjL_WI0" target="_blank"><span class="thumb-info-action-icon thumb-info-action-icon-light"><em class="fa fa-play-circle"></em></span></a> </span> </div> <div class="thumb-info-caption"> <h5>Mega Menu</h5> <span class="thumb-info-caption-text text-justify">Best for menus with many navigational links grouped across 2, 3, or 4 columns.</span> </div> </div> <div class="col-md-2"> <div class="thumb-info-wrapper"> <img alt="Custom Menu" src="http://tucson.mandeeps.com/portals/21/img/Custom-menu.jpg" class="img-circle" /> <span class="thumb-info-action"> <a href="https://www.youtube.com/watch?v=m0nGzjL_WI0" target="_blank"><span class="thumb-info-action-icon thumb-info-action-icon-light"><em class="fa fa-play-circle"></em></span></a> </span> </div> <div class="thumb-info-caption"> <h5>Custom Menu</h5> <span class="thumb-info-caption-text text-justify">Unleash your creativity with HTML 5, CSS, and JavaScript to create interactive menus.</span> </div> </div> <div class="col-md-2"> <div class="thumb-info-wrapper"> <img alt="Vertical Menu" src="http://tucson.mandeeps.com/portals/21/img/vertical-menu.jpg" class="img-circle" /> <span class="thumb-info-action"> <a href="/features/navigations/vertical.aspx" target="_blank"><span class="thumb-info-action-icon thumb-info-action-icon-light"><em class="fa fa-link"></em></span></a> </span> </div> <div class="thumb-info-caption"> <h5>Vertical Menu</h5> <span class="thumb-info-caption-text text-justify">The menu can be displayed vertically by adding DDR Menu on any of the page.</span> </div> </div> </div> <br /> <a href="/features/navigations/colors.aspx"> <button class="btn btn-primary mr-xs mb-sm" type="button">Individual Navigation Colors</button> </a> </div> <div id="headersFooters" class="tab-pane"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <div class="col-md-2"> <a href="/home/classic/classic-default.aspx"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-1" src="http://tucson.mandeeps.com/portals/21/img/header-1.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Header 1</h5> </div> </a> </div> <div class="col-md-2"> <a href="/features/headers/header-2.aspx"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-2" src="http://tucson.mandeeps.com/portals/21/img/header-2.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Header 2</h5> </div> </a> </div> <div class="col-md-2"> <a href="/features/footers/footer-version-1.aspx#footer"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-1" src="http://tucson.mandeeps.com/portals/21/img/footer-basic.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Footer 1</h5> </div> </a> </div> <div class="col-md-2"> <a href="/features/footers/footer-version-2.aspx#footer"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-2" src="http://tucson.mandeeps.com/portals/21/img/footer-Advance.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Footer 2</h5> </div> </a> </div> <div class="col-md-2"> <a href="/features/footers/footer-version-3.aspx#footer"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-3" src="http://tucson.mandeeps.com/portals/21/img/footer-simple.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Footer 3</h5> </div> </a> </div> </div> </div> </div> </div> <div id="layouts" class="tab-pane"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="row"> <div class="col-md-3"> <a href="http://tucson.mandeeps.com"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-1" src="http://tucson.mandeeps.com/portals/21/img/Wide.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Wide</h5> </div> </a> </div> <div class="col-md-3"> <a href="/features/layouts/boxed.aspx"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-2" src="http://tucson.mandeeps.com/portals/21/img/boxed.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Boxed</h5> </div> </a> </div> <div class="col-md-3"> <a href="/features/layouts/background-image.aspx"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-4" src="http://tucson.mandeeps.com/portals/21/img/Images.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Background-Images</h5> </div> </a> </div> <div class="col-md-3"> <a href="/features/layouts/background-pattern.aspx"> <div class="thumb-info thumb-info-no-zoom thumb-info-lighten thumb-info-centered-info"> <span class="thumb-info-wrapper"> <img alt="Layouts-5" src="http://tucson.mandeeps.com/portals/21/img/pattern.jpg" class="img-circle" /> </span> </div> <div class="thumb-info-caption"> <h5>Background-Patterns</h5> </div> </a> </div> </div> </div> </div> <a href="/features/pane-layout/home-layout.aspx"> <button class="btn btn-primary mr-xs mb-sm" type="button">Panes Layout</button> </a> </div> </div> </div> </div>
Portfolio
Pages
- About Us
- About Me
- Left Sidebar
- Right Sidebar
- Custom Header
  - Product Header
  - Overlay Header
- 404 Error
- Team
- Services
- Careers
- FAQ
- Login
- Sitemap Page
Contact Us

Portfolio / 4 Columns

4 Columns

Portfolio

Show All
Websites
Logos
Brands

SEO Website View Details
Okler Brand View Details
The Fly Logo View Details
The Code Website View Details
The Code Website View Details
SEO Website View Details
Okler Brand View Details
The Fly Logo View Details

Tucson is a very powerful DNN Theme, you will be able to create an awesome website in a very simple way. View More

Address: 123 Street Name, City, USA
Phone: (123) 456-7890
Email: mail@example.com

Latest Posts

Class aptent taciti aptent sociosqu...
Aptent class taciti sociosqu...
Taciti aptent aptent sociosqu ad...
Sociosqu class aptent taciti...

About Our Company

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu nam sapien stibulum ridiculus pellentesque eros!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut velit justo, pretium a, eleifend sed risus.

Latest Works

Copyright 2017 by DNN Corp Privacy Statement Terms Of Use