• Register
Login

Tucson - DNN Skin by Mandeeps.com

 
  • Home
    • Home - Default
    • Home - Portfolio
    • Home - Basic
    • One Page
  • Blog
    • Blog Full Width
    • Blog Large Image
    • Blog Medium Image
    • Blog Timeline
    • Single Post
  • Shop
    • Shop - Full Width
    • Shop - Sidebar
    • Shop - Product Full Width
    • Shop - Product Sidebar
    • Shop - Cart
    • Shop - Login
    • Shop - Checkout
  • Shortcodes
    • Shortcodes 1
      • Accordion & Toggle
      • Tabs
      • Icons
      • Carousel
      • Forms & Pagination
    • Shortcodes 2
      • Buttons
      • Images & Thumbnails
      • Animations
      • Typography
      • Modal & Lightbox
    • Shortcodes 3
      • Pricing Tables
      • Content Boxes
      • Video
      • Progress Bar & Dividers
      • Tooltips & Alerts
  • Features
    • Module Themes
      • Live Accordion
      • Live Articles
      • Live Content
      • Live Blog
      • Live Campaign
      • Live Forms
      • Live Tabs
    • Headers
      • Header 1
      • Header 2
    • Navigations
      • Colors
      • Vertical
    • Layouts
      • Wide
      • Boxed
      • Background Image
      • Background Pattern
    • Pane Layout
    • Footers
      • Footer Version 1
      • Footer Version 2
      • Footer Version 3
    <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 &amp; 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 &amp; 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
    • 4 Columns
    • 3 Columns
    • 2 Columns
    • Portfolio Lightbox
    • Portfolio Timeline
    • Portfolio Full Width
    • Single - Basic
    • Single - Extended
    • Single - Sidebar
  • 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 Website Template

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: [email protected]

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

View More
Copyright 2022 by DNN Corp    Privacy Statement    Terms Of Use