Skip to content

Instantly share code, notes, and snippets.

@thatryan

thatryan/frame_1.html

Created April 29, 2019 14:13
Show Gist options
  • Save thatryan/7981c8c624d59f8aaabc554e22aa8fc8 to your computer and use it in GitHub Desktop.
Save thatryan/7981c8c624d59f8aaabc554e22aa8fc8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. thatryan created this gist Apr 29, 2019.
    484 changes: 484 additions & 0 deletions frame_1.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,484 @@
    <!doctype html>
    <html class="no-js">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>[TITLE]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    [META]

    <!--START: FRAME_RSSFEEDS-->
    <link rel="alternate" type="application/rss+xml" title="Featured Items (RSS 2.0)" href="[store_url]/rss.asp?type=home" />
    <link rel="alternate" type="application/rss+xml" title="Products On Sale (RSS 2.0)" href="[store_url]/rss.asp?type=onsale" />
    <link rel="alternate" type="application/rss+xml" title="New Releases (RSS 2.0)" href="[store_url]/rss.asp?type=newreleases" />
    <link rel="alternate" type="application/rss+xml" title="Best Sellers (RSS 2.0)" href="[store_url]/rss.asp?type=bestsellers" />
    <link rel="alternate" type="application/rss+xml" title="Latest Blog Posts (RSS 2.0)" href="[store_url]/rss.asp?type=blog" />
    <!--END: FRAME_RSSFEEDS-->

    <!--START: page_styles-->
    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="assets/templates/common-core/lib/bootstrap/css/bootstrap.css" type="text/css" />
    <link rel="StyleSheet" href="assets/templates/common-core/css/core.css" type="text/css" />
    [page_styles]
    <link rel="StyleSheet" href="assets/templates/[template]/css/[stylesheet]" type="text/css" />
    <!--END: page_styles-->

    </head>
    <body class="[body_class]" data-currency="[currency_symbol]" data-decimal="[decimal_places]">

    <section class="top-info hidden-xs">
    <div class="container">
    <div class="row">
    <div class="col-sm-3 col-xs-6">

    </div>
    </div>
    </div>
    </section>

    <section class="top-nav hidden-xs">
    <div class="container">
    <div class="row">

    <div class="col-sm-9 col-xs-6">
    <!--START: FRAME_MENU-->
    <nav id="menulinks-outer" class="menulinks">
    <ul id="menulinks" class="clearfix">
    <!--START: menuitems_view-->
    <!--START: TOP_LINK_FORMAT-->
    <li><a href="infopage.asp?page=[link_id]" class="menu" target="[link_target]">[link_name]</a></li>
    <!--END: TOP_LINK_FORMAT-->
    <!--END: menuitems_view-->
    </ul>
    </nav>
    <!--END: FRAME_MENU-->
    </div>

    <div class="col-sm-3 text-right">
    <div class="useraccount">
    <ul class="clearfix">
    <!--START: username-->
    <li class="hidden"><a href="myaccount.asp"><span class="icon-user"></span> [frame_myaccount-link-text]</a></li>
    <li><a href="logout.asp"><span class="icon-user"></span> [frame_logout-link-text]</a></li>
    <!--END: username-->
    <!--START: login-->
    <li class="hidden"><a href="myaccount.asp"><span class="icon-user"></span> [frame_login-link-text]</a></li>
    <li><a href="register.asp"><span class="icon-user"></span> [frame_register-link-text]</a></li>
    <!--END: login-->
    </ul>
    </div>
    </div>
    </div>
    </div>
    </section>

    <header class="site-header">
    <div class="container">
    <div class="row">
    <div class="col-xs-2 visible-xs text-left head-mobile-nav">
    <a href="#" id="mobile-menu-trigger">
    <span class="icon-menu"></span>
    </a>
    </div>

    <div class="col-sm-3 col-xs-8">
    <div class="logo">
    <!--START: global_header-->
    <h3 class="store-name">[storename]</h3>
    <h4 class="store-slogan">[storeslogan]</h4>
    <!--END: global_header-->
    </div>
    </div>

    <div class="col-xs-2 text-right visible-xs head-mobile-nav">
    <a href="/view_cart.asp">
    <img src="assets/templates/[template]/images/basket_icon.png" alt="shopping cart">
    </a>
    </div>

    <div class="col-lg-5 col-md-4 col-sm-5 search-form-col">
    <!--START: FRAME_SEARCH-->
    <div id="searchBox" class="searchBox">
    <form method="get" name="searchForm" action="search.asp">
    <div class="search-form">
    <input type="text" id="searchlight" name="keyword" value="" placeholder="[frame_search]" class="search-text form-control" />
    <button type="submit" class="search-submit btn btn-default btn-inverse">
    <img src="assets/templates/[template]/images/search_icon.png" alt="search icon">
    </button>
    </div>
    </form>
    <div class="clear"></div>
    </div>
    <!--END: FRAME_SEARCH-->

    </div>
    <div class="col-lg-4 col-md-5 col-sm-4 right-header hidden-xs">

    <div class="call-us pull-left hidden-sm hidden-xs">
    <a href="tel:[store_phone]">
    <div class="call-us-img">
    <img src="assets/templates/[template]/images/phone_icon.png" alt="call us">
    </div>
    <div class="call-us-text">
    <span>Call Us Now</span>
    <span>[store_phone]</span>
    </div>
    </a>
    </div>

    <div class="phone-section">
    <a href="tel:[store_phone]">
    <i class="icon-phone"></i>
    </a>
    </div>

    <div class="account-section">
    <a href="/myaccount.asp">
    <i class="icon-user"></i>
    </a>
    </div>


    <!--START: shopping_cart-->
    <div class="shopping-cart cart-icon pull-right">
    <a href="/view_cart.asp">
    <div class="shopping-cart-dropdown">
    <img src="assets/templates/[template]/images/basket_icon.png" alt="shopping cart">
    <span class="minicart-items">[ITEMSINCART]</span>
    </div>
    </a>

    <div class="viewcart-dropdown">

    <!-- View Cart Block -->
    <div id="c-menu--push-right" class="c-menu c-menu--push-right">
    <button class="c-menu__close"><span>Total Items: [ITEMSINCART]</span></button>
    <div id="car-dd-trigger" class="header-dd cart-dd">
    <!--START: shopping_cart-->
    <!--START: shopping_cart_full-->
    <div class="cart-dropdown">



    <div class="clear"></div>

    <div class="col-group cart-dd-checkout">
    <div class="dd-cart-right">
    <div class="dd-sub-total">Subtotal: [CARTSUBTOTAL]</div>
    <div class="dd-total">TOTAL: [CARTSUBTOTAL]</div>
    </div>
    <div class="dd-cart-left">
    <button id="contn-shopping" class="dd-cart-btn hidden">Continue Shopping</button>
    <button class="dd-cart-btn" onClick='window.location.href="/view_cart.asp"'>View Cart</button>
    </div>
    </div>
    </div>
    <!--END: shopping_cart_full-->

    <!--START: shopping_cart_empty-->
    <div class="cart-dropdown">
    <div class="dd-cart-empty">YOUR CART IS EMPTY</div>
    </div>
    <!--END: shopping_cart_empty-->

    <!--END: shopping_cart-->
    </div>
    <div class="clear"></div>
    </div><!-- /items push-right -->
    <div id="c-mask" class="c-mask"></div><!-- /c-mask -->
    <!-- View Cart Block -->

    </div><!--.viewcart-dropdown ends-->
    </div>

    <div class="minicart hidden">
    <a href="view_cart.asp" class="minicart-inner clearfix">
    <span class="icon-basket cart-icon"></span>
    <span class="cart-details">
    <span class="cart-title">[frame_shopping-cart-text]</span>
    <span class="cart-count">[frame_ITEMSINCART-text] - <span class="minicart-subtotal">[SUBTOTAL]</span></span>
    </span>
    </a>
    </div>
    <!--END: shopping_cart-->
    <div id="floating-cart" class="floating-cart">
    <a href="view_cart.asp" class="minicart-inner clearfix">
    <img src="assets/templates/[template]/images/basket_icon.png" alt="shopping cart">
    <span class="cart-details">
    <span class="minicart-items">[ITEMSINCART]</span> [frame_ITEMSINCART-text]
    </span>
    </a>
    </div>
    </div>
    </div>
    </div>
    </header>

    <section class="navbar-wrapper hidden-xs">
    <div class="container">
    <nav class="navbar navbar-inverse navbar-static-top">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
    <!--START: FRAME_CATEGORY-->
    <ul id="categories" class="nav navbar-nav">
    <!--START: CATEGORIES-->
    <li class="[dropdown_class]">
    <!--START: CATEGORY_FORMAT-->
    <a href="view_category.asp?cat=CATID" [dropdown_attributes]>CATEGORY</a>
    <!--END: CATEGORY_FORMAT-->
    <!--START: SUB_CATEGORIES-->
    <span class="subcat-dropdown"></span>
    <ul class="dropdown-menu">
    <!--START: SUB_CATEGORY_FORMAT-->
    <li><a href="view_category.asp?cat=CATID" class="subcat">CATEGORY</a></li>
    <!--END: SUB_CATEGORY_FORMAT-->
    </ul>
    <!--END: SUB_CATEGORIEST-->

    </li>
    <!--END: CATEGORIES-->
    </ul>
    <!--END: FRAME_CATEGORY-->
    </div>
    </nav>
    </div>
    </section>

    <!-- Sidebar-left -->
    <aside class="col-md-4">
    [leftbar]
    </aside>
    <!-- Main content -->
    <section class="col-md-8">
    [page_content]
    </section>

    <!-- FOOTER -->
    <footer class="site-footer">
    <div class="container">

    <div class="row">
    <div class="col-md-4 col-xs-12">
    <div class="footer-logo-img"></div>

    <div class="footer-about">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    </div>

    <!--START: social_icons-->
    <div class="footer-social-media">
    <ul class="social-icons list-unstyled list-inline">

    <li class="social-icons-label hidden">[frame_social-icons-heading]</li>

    <!--START: social_link_facebook-->
    <li><a href="[social_link_facebook_url]" class="facebook" target="_blank" title="Like Us on Facebook"><span class="icon-facebook"></span></a></li>
    <!--END: social_link_facebook-->
    <!--START: social_link_twitter-->
    <li><a href="[social_link_twitter_url]" class="twitter" target="_blank" title="Follow Us on Twitter"><span class="icon-twitter"></span></a></li>
    <!--END: social_link_twitter-->
    <!--START: social_link_googleplus-->
    <li><a href="[social_link_googleplus_url]" class="gplus" target="_blank" title="Follow Us on Google+"><span class="icon-gplus"></span></a></li>
    <!--END: social_link_googleplus-->
    <!--START: social_link_youTube-->
    <li><a href="[social_link_youTube_url]" class="youtube" target="_blank" title="Subscribe to our Channel"><span class="icon-youtube"></span></a></li>
    <!--END: social_link_youTube-->
    <!--START: social_link_pinterest-->
    <li><a href="[social_link_pinterest_url]" class="pinterest" target="_blank" title="Follow Us on Pinterest"><span class="icon-pinterest"></span></a></li>
    <!--END: social_link_pinterest-->
    <!--START: social_link_instagram-->
    <li><a href="[social_link_instagram_url]" class="instagram" target="_blank" title="Follow Us on Instagram"><span class="icon-instagram"></span></a></li>
    <!--END: social_link_instagram-->
    <!--START: social_link_tumblr-->
    <li><a href="[social_link_tumblr_url]" class="tumblr" target="_blank" title="Follow Us on Tumblr"><span class="icon-tumblr"></span></a></li>
    <!--END: social_link_tumblr-->
    <!--START: social_link_blog-->
    <li><a href="[social_link_blog_url]" class="blog" target="_blank" title="Subscribe to our Blog"><span class="icon-rss"></span></a></li>
    <!--END: social_link_blog-->
    </ul>
    </div>
    <!--END: social_icons-->

    </div>

    <div class="col-md-4 col-sm-6 col-xs-12 footer-center">

    <div class="footer-menu col-sm-6">
    <div class="extrapages-shower">
    <a href="#extrapages" role="button" data-toggle="collapse" class="collapsed">Categories</a>
    </div>

    <ul id="extrapages" class="list-unstyled extrapages">
    <li><a href="#" class="menu-bottom">Fashion Watch</a></li>
    <li><a href="#" class="menu-bottom">Men Watch</a></li>
    <li><a href="#" class="menu-bottom">Women Watch</a></li>
    <li><a href="#" class="menu-bottom">Gifts</a></li>
    <li><a href="#" class="menu-bottom">Home & Garden</a></li>
    <li><a href="#" class="menu-bottom">Music</a></li>
    <li><a href="#" class="menu-bottom">Sports</a></li>
    </ul>
    </div>

    <div class="footer-menu col-sm-6">
    <div class="extrapages-shower">
    <a href="#extrapages1" role="button" data-toggle="collapse" class="collapsed">My Account</a>
    </div>

    <ul id="extrapages1" class="list-unstyled extrapages">
    <li><a href="#" class="menu-bottom">My Account</a></li>
    <li><a href="#" class="menu-bottom">Checkout</a></li>
    <li><a href="#" class="menu-bottom">Shopping Cart</a></li>
    <li><a href="#" class="menu-bottom">Wishlist</a></li>
    <li><a href="#" class="menu-bottom">Custom Link</a></li>
    <li><a href="#" class="menu-bottom">Order Tracking</a></li>
    <li><a href="#" class="menu-bottom">Shipping & Return</a></li>
    </ul>
    </div>

    </div>


    <div class="col-md-4 col-sm-6 col-xs-12">
    <!--START: FRAME_MAILLIST-->
    <div class="mailist-box ajax-mailinglist" data-callfront="mailinglist_callfront" data-callback="mailinglist_response">
    <form method="post" name="mailing" action="mailing_list_ajax.asp">
    <h3>[frame_mailinglist]</h3>
    <p class="mailing-text">
    [mailinglist_text]
    </p>
    <div class="mailinglist-form clearfix">
    <input class="mailinglist-input form-control" type="text" name="email" placeholder="[mailinglist_email-field]" autocomplete="off" />
    <button class="mailinglist-submit btn btn-default" type="submit" name="www">
    <span id="mailing-btn-txt">[mailinglist_button]</span>
    <span id="mailing-btn-load" class="mailing-btn-load icon-spin2 animate-spin hidden"></span>
    </button>
    </div>
    <div class="clearfix maillist-options">
    <div class="subscribe"><input id="list_subscribe" type="radio" name="subscribe" value="1" checked="checked"> <label for="list_subscribe">[mailinglist_subscribe]</label></div>
    <div class="subscribe"><input id="list_unsubscribe" type="radio" name="subscribe" value="0"> <label for="list_unsubscribe">[mailinglist_unsubscribe]</label></div>
    </div>
    </form>
    <div id="mailinglist-response" class="mailinglist-response">
    <div class="mailinglist-error hidden">[mailinglist_email-error]</div>
    <div class="mailinglist-subscribed hidden">[mailinglist_subscribe-success]</div>
    <div class="mailinglist-unsubscribed hidden">[mailinglist_unsubscribe-success]</div>
    </div>
    </div>
    <!--END: FRAME_MAILLIST-->

    <div class="clear"></div>

    <div class="card-img text-center">
    <img src="assets/templates/[template]/images/cards.png" alt="cards">
    </div>

    <!--START: global_footer-->
    <div class="global-footer">[GLOBAL_FOOTER]</div>
    <!--END: global_footer-->
    </div>
    </div>
    </div>

    <div class="copyright">
    <div class="container">
    <div class="col-sm-6">
    [frame_copyright1]
    </div>
    <div class="col-sm-6 ">
    <!--START: FRAME_LINKS-->
    <ul id="extrapages" class="list-unstyled extrapages">
    <!--START: LINKS-->
    <!--START: LINK_FORMAT-->
    <li><a href="infopage.asp?page=[link_id]&extra=1" target="[link_target]" class="menu-bottom">[link_name]</a></li>
    <!--END: LINK_FORMAT-->
    <!--END: LINKS-->
    </ul>
    <!--END: FRAME_LINKS-->
    </div>
    </div>
    </div>
    </footer>

    <nav id="mobile-menu" class="mobile-menu">
    <div class="mobile-menu-inner">
    <div class="mobile-menu-close">
    <a href="#"></a>
    </div>
    <div class="mobile-menu-widget">
    <h3>Menu Links</h3>
    <div id="mobile-menulinks"></div>
    </div>
    <div class="mobile-menu-widget">
    <h3>Categories</h3>
    <div id="mobile-categories"></div>
    </div>
    </div>
    </nav>

    <!--START: quickview_modal-->
    [quickview_modal]
    <!--END: quickview_modal-->

    <link rel="stylesheet" href="assets/templates/common-core/lib/fontello/css/fontello.min.css" type="text/css" />
    <link rel="StyleSheet" href="assets/templates/common-core/lib/animate-me/animate.css" type="text/css" />

    <!--START: page_scripts-->
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
    <script src='https://code.jquery.com/jquery-migrate-3.0.1.min.js'></script>
    <script src="assets/templates/common-core/lib/bootstrap/js/bootstrap.js"></script>
    <script src="assets/templates/common-core/js/core.js"></script>
    <script src="assets/templates/[template]/js/main.js"></script>
    [page_scripts]
    <script src="assets/templates/common-core/lib/waypoints/jquery.waypoints.min.js"></script>
    <!--END: page_scripts-->

    <!--START: quicksearch-->
    <link rel="stylesheet" href="assets/templates/common-core/quicksearch/quicksearch.css" type="text/css" media="screen" />
    <script type="text/javascript" src="assets/templates/common-core/quicksearch/jquery.quicksearch.js"></script>
    <script type="text/javascript">
    jQuery(function () {
    jQuery('#searchlight').searchlight('/search_quick.asp');
    });
    </script>
    <!--END: quicksearch-->

    <!--START: 3dcart stats-->
    <div class="stats hidden">
    <script type="text/javascript">
    //<![CDATA[
    var file='/stats/count.asp';
    var stats_d=new Date();
    var stats_s=stats_d.getSeconds();
    var stats_m=stats_d.getMinutes();
    var stats_x=stats_s*stats_m;
    var prdID = '[catalogid]';
    var catID = '[catid]';
    stats_f='' + escape(document.referrer); stats_f=stats_f.replace('_','----');
    if (navigator.appName=='Netscape'){stats_b='NS';}
    if (navigator.appName=='Microsoft Internet Explorer'){stats_b='MSIE';}
    if (navigator.appVersion.indexOf('MSIE 3')>0) {stats_b='MSIE';}
    stats_u='' + escape(document.URL); stats_u=stats_u.replace('_','----'); stats_w=screen.width; stats_h=screen.height;
    stats_v=navigator.appName;
    stats_fs = window.screen.fontSmoothingEnabled;
    if (stats_v != 'Netscape') {stats_c=screen.colorDepth;}
    else {stats_c=screen.pixelDepth;}
    stats_j=navigator.javaEnabled();
    info='w=' + stats_w + '&h=' + stats_h + '&c=' + stats_c + '&r=' + stats_f + '&u='+ stats_u + '&fs=' + stats_fs + '&b=' + stats_b + '&x=' + stats_x + '&cat=' + catID + '&prd=' + prdID;
    document.write('<img src="' + file + '?'+info+ '" width="1" height="1" border="0" alt="stats" />');
    //]]>
    </script>
    <noscript>
    <img src="/stats/count.asp" width="90" height="30" alt="" />
    </noscript>
    </div>
    <!--END: 3dcart stats-->

    </body>
    </html>