⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.91
Server IP:
157.245.101.34
Server:
Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software:
Apache/2.4.41 (Ubuntu)
PHP Version:
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
skvcomputers.com
/
View File Name :
typography.html
<!DOCTYPE html> <html lang="en"> <head> <!-- Basic page needs ============================================ --> <title> REFURBISHED DESKTOP & LAPTOP SALES IN CHENNAI|SECOND HAND DESKTOP & LAPTOPS SALES IN CHENNAI|USED DESKTOP & LAPTOPS SALES IN TAMILNADU|LAPTOP & DESKTOP SERVICE IN CHENNAI|LAPTOP SERVICE CENTRE IN CHENNAI|COMPUTER SERVICE CENTRE IN CHENNAI|USED COMPUTERS IN CHENNAI|BUY USED LAPTOPS IN CHENNAI </title> <meta charset="utf-8"> <meta name="keywords" content="Refurbished Desktop & Laptop Sales in Chennai,Second Hand Desktop & Laptops Sales in Chennai,Used Desktop & Laptops Sales in Tamilnadu,Laptop & Desktop Service in Chennai,Laptop Service Centre in Chennai,Computer Service Centre in Chennai,Used Computers in Chennai,Buy Used Laptops in Chennai" /> <meta name="author" content="SKVCOMPUTERS"> <meta name="robots" content="index, follow" /> <!-- Mobile specific metas ============================================ --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Favicon ============================================ --> <link rel="shortcut icon" href="ico/favicon.png"> <!-- Google web fonts ============================================ --> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Roboto:400,500,700,900' rel='stylesheet' type='text/css'> <!-- Libs CSS ============================================ --> <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css"> <link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet"> <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet"> <link href="css/themecss/lib.css" rel="stylesheet"> <link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet"> <!-- Theme CSS ============================================ --> <link href="css/themecss/so_megamenu.css" rel="stylesheet"> <link href="css/themecss/so-categories.css" rel="stylesheet"> <link href="css/themecss/so-listing-tabs.css" rel="stylesheet"> <link id="color_scheme" href="css/theme.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> </head> <body class="res layout-subpage"> <div id="wrapper" class="wrapper-full "> <!-- Header Container --> <header id="header" class=" variantleft type_1"> <!-- Header Top --> <div class="header-top compact-hidden"> <div class="container"> <div class="row"> <div class="header-top-left col-lg-4 hidden-sm col-md-5 hidden-xs"> <ul class="list-inlines"> <li class="hidden-xs" > <div class="welcome-msg"> <ul class="list-msg"> <!-- <li><label class="label-msg">This week</label> <a href="#">Sale special too good to miss in every gear</a></li> <li><label class="label-msg">Tomorrow</label> <a href="#">Laten ipsum dolor sit amet. In gravida pellen</a></li> --> </ul> </div> </li> </ul> </div> <div class="header-top-right collapsed-block col-lg-8 col-sm-12 col-md-7 col-xs-12 "> <h5 class="tabBlockTitle visible-xs">More<a class="expander " href="#TabBlock-1"><i class="fa fa-angle-down"></i></a></h5> <div class="tabBlock" id="TabBlock-1"> <ul class="top-link list-inline"> <li class="account" id="my_account"> <a href="#" title="My Account" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span >My Account</span> <span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu "> <li><a href="register.html"><i class="fa fa-user"></i> Register</a></li> <li><a href="login.html"><i class="fa fa-pencil-square-o"></i> Login</a></li> </ul> </li> <li class="wishlist "><a href="wishlist.html" id="wishlist-total" class="top-link-wishlist" title="Wish List (2)"><span>Wish List (2)</span></a></li> <li class="checkout hidden"><a href="checkout.html" class="top-link-checkout" title="Checkout"><span >Checkout</span></a></li> <li class="login hidden"><a href="cart.html" title="Shopping Cart"><span >Shopping Cart</span></a></li> <li class="form-group currency currencies-block"> <form action="index.html" method="post" enctype="multipart/form-data" id="currency"> <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="icon icon-credit "></span> Rupees <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu btn-xs"> <li> <a href="#">(€) Euro</a></li> <li> <a href="#">(₹) Rupees</a></li> <li> <a href="#">($) US Dollar </a></li> </ul> </form> </li> <li class="form-group languages-block "> <form action="index.html" method="post" enctype="multipart/form-data" id="bt-language"> <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/flags/gb.png" alt="English" title="English"> <span class="">English</span> <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li><a href="index.html"><img class="image_flag lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/flags/gb.png" alt="English" title="English" /> English </a></li> <li> <a href="index.html"> <img class="image_flag lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/flags/lb.png" alt="Arabic" title="Arabic" /> Arabic </a> </li> </ul> </form> </li> </ul> </div> </div> </div> </div> </div> <!-- //Header Top --> <!-- Header center --> <div class="header-center"> <div class="container"> <div class="row"> <!-- LOGO --> <div class="navbar-logo col-md-3 col-sm-4 col-xs-10"> <a href="index.html"><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/logos/theme_logo.png" title="Your Store" alt="Your Store" /></a> </div> <div class="header-center-right col-md-9 col-sm-8 col-xs-2"> <div class="responsive so-megamenu megamenu-style-dev"> <nav class="navbar-default"> <div class=" container-megamenu horizontal"> <div class="navbar-header"> <button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="megamenu-wrapper "> <span id="remove-megamenu" class="fa fa-times"></span> <div class="megamenu-pattern"> <div class="container"> <ul class="megamenu " data-transition="slide" data-animationtime="250"> <li class=""> <p class="close-menu"></p> <a href="index.html" class="clearfix"> <strong>Home</strong> <span class="label"></span> </a> </li> <li class=""> <p class="close-menu"></p> <a href="about-us-3.html" class="clearfix"> <strong>About Us</strong> <span class="label"></span> </a> </li> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> Products </strong> <b class="caret"></b> </a> <div class="sub-menu" style="width: 100%; right: auto;"> <div class="content" > <div class="row"> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">Computer</a> <div> <ul class="row-list"> <li><a href="category.html">Desktops</a></li> <li><a href="category.html">Laptops</a></li> <li><a href="category.html">Monitors</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">Servers</a> <div> <ul class="row-list"> <li><a href="product-v3.html">Workstations</a></li> <li><a href="product-v3.html">Projector</a></li> <li><a href="product-v3.html">Printers</a></li> <li><a href="product-v3.html">Networking device</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">Shopping</a> <div> <ul class="row-list"> <li><a href="cart.html">Shopping Cart Page</a></li> <li><a href="checkout.html">Checkout Page</a></li> <li><a href="wishlist.html">Wishlist Page</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">My Account</a> <div> <ul class="row-list"> <li><a href="login.html">Login Page</a></li> <li><a href="register.html">Register Page</a></li> <li><a href="my-account.html">My Account</a></li> <li><a href="order-history.html">Order History</a></li> <li><a href="order-information.html">Order Information</a></li> <li><a href="return.html">Product Returns</a></li> </ul> </div> </div> </div> </div> </div> </div> </li> <!--<li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/menu/hot-icon.png" alt="">Rent</strong> <b class="caret"></b> </a> <div class="sub-menu" style="width: 40%; "> <div class="content" > <div class="row"> <div class="col-md-6"> <ul class="row-list"> <li><a class="subcategory_item" href="faq.html">Desktops</a></li> <li><a class="subcategory_item" href="typography.html">Laptops</a></li> <li><a class="subcategory_item" href="sitemap.html">Servers</a></li> <li><a class="subcategory_item" href="contact.html">Workstations</a></li> <li><a class="subcategory_item" href="banner-effect.html">Networking Device</a></li> </ul> </div>--> <!--<div class="col-md-6"> <ul class="row-list"> <li><a class="subcategory_item" href="about-us.html">About Us 1</a></li> <li><a class="subcategory_item" href="about-us-2.html">About Us 2</a></li> <li><a class="subcategory_item" href="about-us-3.html">About Us 3</a></li> <li><a class="subcategory_item" href="about-us-4.html">About Us 4</a></li> </ul> </div> </div> </div> </div> </li>--> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/menu/new-icon.png" alt="">Rent</strong> <span class="label"></span> <b class="caret"></b> </a> <div class="sub-menu" style="width: 100%; display: none;"> <div class="content"> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-md-3 img img1"> <a href="#"><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/cms/img1.jpg" alt="banner1"></a> </div> <div class="col-md-3 img img2"> <a href="#"><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/cms/img2.jpg" alt="banner2"></a> </div> <div class="col-md-3 img img3"> <a href="#"><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/cms/img3.jpg" alt="banner3"></a> </div> <div class="col-md-3 img img4"> <a href="#"><img class="lazyload" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/cms/img4.jpg" alt="banner4"></a> </div> </div> </div> </div> <div class="row"> <div class="col-md-3"> <a href="#" class="title-submenu">DESKTOPS</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">BRANDS</a></li> <li><a href="#" class="main-menu">PROCESSOR</a></li> <li><a href="#" class="main-menu">MEMORY</a></li> <li><a href="#" class="main-menu">GRAPHICS</a></li> </ul> </div> </div> </div> </div> <div class="col-md-3"> <a href="#" class="title-submenu">LAPTOPS</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">BRANDS</a></li> <li><a href="#" class="main-menu">PROCESSOR</a></li> <li><a href="#" class="main-menu">MEMORY</a></li> <li><a href="#" class="main-menu">GRAPHICS</a></li> </ul> </div> </div> </div> </div> <div class="col-md-3"> <a href="#" class="title-submenu">Servers</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">BRANDS</a></li> <li><a href="#" class="main-menu">PROCESSOR</a></li> <li><a href="#" class="main-menu">MEMORY</a></li> <li><a href="#" class="main-menu">GRAPHICS</a></li> </ul> </div> </div> </div> </div> <div class="col-md-3"> <a href="#" class="title-submenu">Workstations</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">BRANDS</a></li> <li><a href="#" class="main-menu">PROCESSOR</a></li> <li><a href="#" class="main-menu">MEMORY</a></li> <li><a href="#" class="main-menu">GRAPHICS</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong>Accessories</strong> <b class="caret"></b> </a> <div class="sub-menu" style="width: 100%; display: none;"> <div class="content" style="display: none;"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-6 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">DESKTOPS</a> <ul> <li><a href="#">CABINET</a></li> <li><a href="#" >MOTHER BOARD</a></li> <li><a href="3#" >RAM</a></li> <li><a href="3#" >HDD</a></li> </ul> </li> <li> <a href="#" class="main-menu">LAPTOPS</a> <ul> <li><a href="#" >PANEL</a></li> <li><a href="#" >MOTHER BOARD</a></li> <li><a href="#" >RAM</a></li> <li><a href="3#" >SCREEN</a></li> <li><a href="3#" >HDD</a></li> </ul> </li> </ul> </div> </div> <div class="col-md-6 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">MONITORS</a> <ul> <li><a href="#" >SCREEN</a></li> <li><a href="#" >PANELS</a></li> <li><a href="#" >BRANDS</a></li> <li><a href="#" >Cables & Connectors</a></li> </ul> </li> <li> <a href="#" class="main-menu">NETWORKING DEVICE</a> <ul> <li><a href="#" >FIREWALL</a></li> <li><a href="#" >SWITCHES</a></li> <li><a href="#" >ROUTERS</a></li> <li><a href="#" >NETWORK RAM</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="col-md-4"> <span class="title-submenu">Bestseller</span> <div class="col-sm-12 list-product"> <div class="product-thumb"> <div class="image pull-left"> <a href="#"><img class="lazyload img-responsive" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/shop/product/1.png" width="80" alt="Filet Mign" title="Filet Mign"></a> </div> <div class="caption"> <h4><a href="#">DELL</a></h4> <div class="ratings"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> </div> <p class="price">₹4,515</p> </div> </div> </div> <div class="col-sm-12 list-product"> <div class="product-thumb"> <div class="image pull-left"> <a href="#"><img class="lazyload img-responsive" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/shop/product/2.png" width="80" alt="Dail Lulpa" title="Dail Lulpa"></a> </div> <div class="caption"> <h4><a href="#">HP</a></h4> <div class="ratings"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> <p class="price">₹4,515</p> </div> </div> </div> <div class="col-sm-12 list-product"> <div class="product-thumb"> <div class="image pull-left"> <a href="#"><img class="lazyload img-responsive" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/shop/product/3.png" width="80" alt="Canon EOS 5D" title="Canon EOS 5D"></a> </div> <div class="caption"> <h4><a href="#">ACER</a></h4> <div class="ratings"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> <p class="price"> <span class="price-new">₹4,515</span> <span class="price-old">₹4,515</span> </p> </div> </div> </div> </div> </div> </div> </div> </li> <li class=""> <p class="close-menu"></p> <a href="blog-page.html" class="clearfix"> <strong>Blog</strong> <span class="label"></span> </a> </li> <li class=""> <p class="close-menu"></p> <a href="contact.html" class="clearfix"> <strong>Contact Us</strong> <span class="label"></span> </a> </li> </ul> </div> </div> </div> </div> </nav> </div> </div> </div> </div> </div> <!-- //Header center --> <!-- Header Bottom --> <div class="header-bottom compact-hidden"> <div class="container"> <div class="header-bottom-inner"> <div class="row"> <div class="header-bottom-left menu-vertical col-md-3 col-sm-2 col-xs-2"> <div class="responsive so-megamenu megamenu-style-dev"> <div class="so-vertical-menu no-gutter compact-hidden"> <nav class="navbar-default"> <div class="container-megamenu vertical open"> <div id="menuHeading"> <div class="megamenuToogle-wrapper"> <div class="megamenuToogle-pattern"> <div class="container"> <div> <span></span> <span></span> <span></span> </div> Categories <i class="fa pull-right arrow-circle fa-chevron-circle-up"></i> </div> </div> </div> </div> <div class="navbar-header"> <button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle"> <span class="icon-bar" style="width: 12px;"></span> <span class="icon-bar" style="width: 16px;"></span> <span class="icon-bar"></span> </button> </div> <div class="vertical-wrapper" > <span id="remove-verticalmenu" class="fa fa-times"></span> <div class="megamenu-pattern"> <div class="container"> <ul class="megamenu"> <li class="item-vertical with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Desktops</span> <b class="fa fa-angle-right"></b> </strong> </a> <div class="sub-menu" data-subwidth="100" > <div class="content" > <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Brands</a> <ul> <li><a href="#" >DELL</a></li> <li><a href="#" >HP</a></li> <li><a href="#" >IBM</a></li> <li><a href="#" >LENOVO</a></li> <li><a href="#" >MAC</a></li> </ul> </li> <li> <a href="24" onclick="window.location = '24';" class="main-menu">PROCESSOR</a> <ul> <li> <a href="#" >CORE I3</a> </li> <li> <a href="#" >CORE I5</a> </li> <li> <a href="#" >CORE I7</a> </li> <li> <a href="#">CORE I9</a> </li> <li> <a href="#">RYZEN</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">SPEED</a> <ul> <li> <a href="#">2.1-2.9GHZ</a> </li> <li> <a href="#" >3GHZ</a> </li> <li> <a href="#" >3.1-3.9GHZ</a> </li> <li> <a href="#">4GHZ</a> </li> </ul> </li> <li> <a href="#" class="main-menu">MEMORY</a> <ul> <li> <a href="#" >4GB</a> </li> <li> <a href="#" >8GB</a> </li> <li> <a href="#" >16GB</a> </li> <li> <a href="#" >32GB</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">MOTHER BOARD </a> <ul> <li> <a href="#" >ASUS</a> </li> <li> <a href="#" >INTEL</a> </li> <li> <a href="#" >AMD</a> </li> <li> <a href="#" >OTHERS</a> </li> </ul> </li> <li> <a href="#" class="main-menu">Accessories</a> <ul> <li> <a href="#" >CABINET</a> </li> <li> <a href="#" >SMPS</a> </li> <li> <a href="#" >RAM</a> </li> <li> <a href="#" >HDD</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="item-vertical with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Laptops</span> <b class="fa fa-angle-right"></b> </strong> </a> <div class="sub-menu" data-subwidth="100" > <div class="content" > <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Brands</a> <ul> <li><a href="#" >DELL</a></li> <li><a href="#" >HP</a></li> <li><a href="#" >ACER</a></li> <li><a href="#" >LENOVO</a></li> <li><a href="#" >MAC</a></li> </ul> </li> <li> <a href="24" onclick="window.location = '24';" class="main-menu">PROCESSOR</a> <ul> <li> <a href="#" >CORE I3</a> </li> <li> <a href="#" >CORE I5</a> </li> <li> <a href="#" >CORE I7</a> </li> <li> <a href="#">CORE I9</a> </li> <li> <a href="#">RYZEN</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">GRAPHICS</a> <ul> <li> <a href="#">2GB</a> </li> <li> <a href="#" >4GB</a> </li> <li> <a href="#" >6GB</a> </li> <li> <a href="#">8GB</a> </li> </ul> </li> <li> <a href="#" class="main-menu">MEMORY</a> <ul> <li> <a href="#" >4GB</a> </li> <li> <a href="#" >8GB</a> </li> <li> <a href="#" >16GB</a> </li> <li> <a href="#" >32GB</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">MOTHER BOARD </a> <ul> <li> <a href="#" >ASUS</a> </li> <li> <a href="#" >INTEL</a> </li> <li> <a href="#" >AMD</a> </li> <li> <a href="#" >OTHERS</a> </li> </ul> </li> <li> <a href="#" class="main-menu">Accessories</a> <ul> <li> <a href="#" >PANEL</a> </li> <li> <a href="#" >ADOPTER</a> </li> <li> <a href="#" >RAM</a> </li> <li> <a href="#" >HDD</a> </li> <li> <a href="#" >DISPLAY SCREEN</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>MONITORS </span> </strong> </a> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Printers </span> </strong> </a> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Projectors</span> </strong> </a> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>UPS</span> </strong> </a> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Disk Storage</span> </strong> </a> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Servers</span> </strong> </a> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Workstations </span> </strong> </a> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Nerworking Device </span> </strong> </a> </li> <li class="loadmore"> <i class="fa fa-plus-square-o"></i> <span class="more-view">More Categories</span> </li> </ul> </div> </div> </div> </div> </nav> </div> </div> </div> <!-- Main menu --> <div class="header-bottom-right col-md-9 col-sm-10 col-xs-10"> <div class="col-lg-9 col-md-8 col-sm-7 col-xs-9 header_search"> <!-- Search --> <div id="sosearchpro" class="search-pro"> <form method="GET" action="index.html"> <div id="search0" class="search input-group"> <div class="select_category filter_type icon-select"> <select class="no-border" name="category_id"> <option value="0">All Category</option> <option value="20">Desktops</option> <option value="26"> Home 9</option> <option value="27"> Home 8</option> <option value="18">Laptops & Notebooks</option> <option value="46"> Macs</option> <option value="45"> Windows</option> <option value="25">Automotive</option> <option value="35"> Gadgets & Auto Parts</option> <option value="36"> More Car Accessories</option> <option value="29"> Car Alarms and Security</option> <option value="28"> Car Audio & Speakers</option> <option value="30"> Printers</option> <option value="31"> Scanners</option> <option value="32"> Web Cameras</option> <option value="57">Mobile & Tablet </option> <option value="68"> Hanet magente</option> <option value="69"> Knage unget</option> <option value="70"> Latenge mange</option> <option value="67"> Punge nenune</option> <option value="71"> Qunge genga</option> <option value="65"> Tange manue</option> <option value="17">Electronics </option> <option value="64"> Angene mafin</option> <option value="60"> Egante mangetes</option> <option value="62"> Gante extensg</option> <option value="61"> Guntes magesg</option> <option value="66"> Rengae manges</option> <option value="63"> Sine engain</option> <option value="33">Apparel</option> <option value="76"> Accessories</option> <option value="80"> Bags</option> <option value="74"> Computers</option> <option value="72"> Electronics</option> <option value="79"> Fashion</option> <option value="77"> Men</option> <option value="73"> Mobiles</option> <option value="75"> Sports</option> <option value="81"> Watches</option> <option value="78"> Women</option> <option value="34">Computer</option> <option value="43"> Camping & Hiking</option> <option value="47"> Cusen mariot</option> <option value="48"> Denta magela</option> <option value="55"> Engite nanet</option> <option value="44"> Theid cupensg</option> <option value="59"> Verture agoent</option> </select> </div> <input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Search" name="search"> <span class="input-group-btn"> <button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button> </span> </div> <input type="hidden" name="route" value="product/search" /> </form> </div> <!-- //end Search --> </div> <div class="block-cart"> <!--cart--> <div class="shopping_cart pull-right"> <div id="cart" class=" btn-group btn-shopping-cart"> <a data-loading-text="Loading..." class="btn-group top_cart dropdown-toggle" data-toggle="dropdown"> <div class="shopcart"> <span class="handle pull-left"></span> <span class="text-shopping-cart hidden-xs"> My cart </span> <span class="text-shopping-cart-mobi hidden-lg hidden-md hidden-sm "> <i class="fa fa-cart-plus"></i> </span> </div> </a> <ul class="tab-content content dropdown-menu pull-right shoppingcart-box" role="menu"> <li> <table class="table table-striped"> <tbody> <tr> <td class="text-center" style="width:70px"> <a href="product.html"> <img class="lazyload preview" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/shop/product/35.jpg" style="width:70px" alt="Filet Mign" title="Filet Mign"> </a> </td> <td class="text-left"> <a class="cart_product_name" href="product.html">Filet Mign</a> </td> <td class="text-center"> x1 </td> <td class="text-center"> ₹1,202.00 </td> <td class="text-right"> <a href="product.html" class="fa fa-edit"></a> </td> <td class="text-right"> <a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a> </td> </tr> <tr> <td class="text-center" style="width:70px"> <a href="product.html"> <img class="lazyload preview" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="image/demo/shop/product/141.jpg" style="width:70px" alt="Canon EOS 5D" title="Canon EOS 5D"> </a> </td> <td class="text-left"> <a class="cart_product_name" href="product.html">Canon EOS 5D</a> </td> <td class="text-center"> x1 </td> <td class="text-center"> ₹60.00 </td> <td class="text-right"> <a href="product.html" class="fa fa-edit"></a> </td> <td class="text-right"> <a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a> </td> </tr> </tbody> </table> </li> <li> <div> <table class="table table-bordered"> <tbody> <tr> <td class="text-left"><strong>Sub-Total</strong> </td> <td class="text-right">₹1,060.00</td> </tr> <tr> <td class="text-left"><strong>Eco Tax (-2.00)</strong> </td> <td class="text-right">₹2.00</td> </tr> <tr> <td class="text-left"><strong>VAT (20%)</strong> </td> <td class="text-right">₹200.00</td> </tr> <tr> <td class="text-left"><strong>Total</strong> </td> <td class="text-right">₹1,262.00</td> </tr> </tbody> </table> <p class="text-center"> <a class="btn view-cart" href="cart.html"><i class="fa fa-shopping-cart"></i>View Cart</a> <a class="btn btn-mega checkout-cart" href="checkout.html"><i class="fa fa-share"></i>Checkout</a> </p> </div> </li> </ul> </div> </div> <!--//cart--> </div> <div class="header_custom_link hidden-xs"> <ul> <li><a href="login.html"><i class="fa fa-user"></i> Login</a></li> </ul> </div> </div> <!-- //end Main menu --> </div> </div> </div> </div> </header> <!-- //Header Container --> <!-- Main Container --> <div class="main-container container"> <ul class="breadcrumb"> <li><a href="#"><i class="fa fa-home"></i></a></li> <li><a href="#">Typography</a></li> </ul> <div class="row"> <div id="content" class="col-sm-12"> <h1 class="title">Elements</h1> <div class="row"> <div class="col-sm-6"> <!--Typography Part Start--> <h2 class="text-uppercase">Typography</h2> <h1>H1 Heading. Lorem ipsum dolor</h1> <h2>H2 Heading. Lorem ipsum dolor</h2> <h3>H3 Heading. Lorem ipsum dolor</h3> <h4>H4 Heading. Lorem ipsum dolor</h4> <h5>H5 Heading. Lorem ipsum dolor</h5> <h6>H6 Heading. Lorem ipsum dolor</h6> <!--Typography Part End--> <div class="divider"></div> <!--Accordion Part Start--> <h2 class="text-uppercase">Accordion</h2> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed" href="#accordion-1" aria-expanded="false">Accordion Title #1 <i class="fa fa-caret-down"></i></a></h4> </div> <div id="accordion-1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu. </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed" href="#accordion-2" aria-expanded="false">Accordion Title #2 <i class="fa fa-caret-down"></i></a></h4> </div> <div id="accordion-2" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu. </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-parent="#accordion" data-toggle="collapse" class="accordion-toggle" href="#accordion-3" aria-expanded="true">Accordion Title #3 <i class="fa fa-caret-down"></i></a></h4> </div> <div id="accordion-3" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu. </div> </div> </div> </div> <!--Accordion Part End--> <!--List Part Start--> <h2 class="text-uppercase">List</h2> <div class="row"> <div class="col-md-6 col-lg-6"> <h5 class="text-uppercase">Unordered</h5> <ul class="simple-ul"> <li>Lorem ipsum dolor amet</li> <li>Consectetur adipiscing elit </li> <li>Donec eros tellus </li> <li>Nullam ac nisi non eros gravida venenatis <ul> <li>Libero massa dapibus dui, eu</li> <li>Celerisque nec, rhoncus eget</li> <li>Praesent vitae dui</li> <li>Ut euismod, turpis sollicitudin</li> </ul> </li> <li>Dolor sit amet, consectetuer</li> <li>Vehicula venenatis, tempor vitae</li> <li>Fermentum posuere lectus</li> <li>Maecenas eu enim in lorem</li> </ul> <div class="divider visible-sm visible-xs"></div> </div> <div class="col-md-6 col-lg-6"> <h5 class="text-uppercase">Ordered</h5> <ul class="decimal-list"> <li>Lorem ipsum dolor amet</li> <li>Consectetur adipiscing elit</li> <li>Donec eros tellus </li> <li>Nullam ac nisi non eros gravida</li> <li>Libero massa dapibus dui, eu</li> <li>Celerisque nec, rhoncus eget</li> <li>Praesent vitae dui</li> <li>Ut euismod, turpis sollicitudin</li> <li>Ac tristique libero volutpat at</li> <li>Faucibus porta lacingilla vel</li> <li>Eget porttitor lorem</li> <li>Integer vel nibh sit amet</li> </ul> </div> </div> <!--List Part End--> <div class="divider"></div> <!--Buttons Part Start--> <h2 class="text-uppercase">Buttons</h2> <div class="row"> <div class="col-md-4 col-sm-12"> <button class="btn btn-primary btn-lg" onclick="">Large button</button> <br> <br> <button class="btn btn-primary" onclick="">Default button</button> <br> <br> <button class="btn btn-primary btn-md" onclick="">Small button</button> </div> <div class="col-md-4 col-sm-12"> <button class="btn btn-default btn-lg" onclick="">Large button</button> <br> <br> <button class="btn btn-default" onclick="">Default button</button> <br> <br> <button class="btn btn-default btn-md" onclick="">Small button</button> </div> <div class="col-md-4 col-sm-12"> <button class="btn btn-warning" onclick="">Warning button</button> <br> <br> <button class="btn btn-danger" onclick="">Danger button</button> <br> <br> <button class="btn btn-success" onclick="">Success button</button> <br> <br> <button class="btn btn-info" onclick="">Info button</button> </div> <div class="clearfix"></div> <br> <div class="col-sm-12"> <button class="btn btn-primary btn-block" onclick="">Block Button</button> <button class="btn btn-default btn-block" onclick="">Block Button</button> </div> </div> <!--Buttons Part End--> </div> <div class="col-sm-6"> <!--Alert Box Part Start--> <h2 class="text-uppercase">Alert Box</h2> <div class="alert alert-info"><i class="fa fa-info-circle"></i> Information - Lorem ipsum dolor sit amet, con sectetuer adipiscing elit.</div> <div class="alert alert-success"><i class="fa fa-check-circle"></i> Success - Lorem ipsum dolor sit amet, con sectetuer adipiscing elit.</div> <div class="alert alert-warning"><i class="fa fa-warning"></i> Warning - Lorem ipsum dolor sit amet, con sectetuer adipiscing elit.</div> <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> Danger - Lorem ipsum dolor sit amet, con sectetuer adipiscing elit.</div> <!--Alert Box Part End--> <!--Tabs Part Start--> <h2 class="text-uppercase">Tabs</h2> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#tab-1">Tab #1</a> </li> <li><a data-toggle="tab" href="#tab-2">Tab #2</a> </li> <li><a data-toggle="tab" href="#tab-3">Tab #3</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus.</div> <div class="tab-pane" id="tab-2">Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> <div class="tab-pane" id="tab-3">Consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Lorem ipsum dolor sit amet,</div> </div> <!--Tabs Part End--> <div class="divider"></div> <!--Blockquote Part Start--> <h2 class="text-uppercase">Blockquote</h2> <blockquote> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu. </p> <footer>Ipsum dolor sit</footer> </blockquote> <!--Blockquote Part End--> <!--Blockquote Reverse Part Start--> <h2 class="text-uppercase">Blockquote Reverse</h2> <blockquote class="blockquote-reverse"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu. </p> <footer>Ipsum dolor sit</footer> </blockquote> <!--Blockquote Reverse Part End--> <!--Dropcaps Part Start--> <h2 class="text-uppercase">Dropcaps</h2> <p> <span class="dropcap custom-color">D</span> olor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci.</p> <!--Dropcaps Part Start--> </div> </div> <div class="divider"></div> <!--Tables Part Start--> <h2 class="text-uppercase">Tables</h2> <div class="row"> <div class="col-md-6"> <h4 class="text-uppercase">Basic Table</h4> <div class="table-responsive"> <table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Aaron</td> <td>Seth</td> <td>@aaron</td> </tr> <tr> <th scope="row">2</th> <td>Daichi</td> <td>Barbal</td> <td>@daichi</td> </tr> <tr> <th scope="row">3</th> <td>Tabor</td> <td>Guju</td> <td>@tabor</td> </tr> </tbody> </table> </div> <h4 class="text-uppercase">Striped Table</h4> <div class="table-responsive"> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Aaron</td> <td>Seth</td> <td>@aaron</td> </tr> <tr> <th scope="row">2</th> <td>Daichi</td> <td>Barbal</td> <td>@daichi</td> </tr> <tr> <th scope="row">3</th> <td>Tabor</td> <td>Guju</td> <td>@tabor</td> </tr> </tbody> </table> </div> </div> <div class="col-md-6"> <h4 class="text-uppercase">Bordered Table</h4> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Aaron</td> <td>Seth</td> <td>@aaron</td> </tr> <tr> <th scope="row">2</th> <td>Daichi</td> <td>Barbal</td> <td>@daichi</td> </tr> <tr> <th scope="row">3</th> <td>Tabor</td> <td>Guju</td> <td>@tabor</td> </tr> </tbody> </table> </div> <h4 class="text-uppercase">Hover rows Table</h4> <div class="table-responsive"> <table class="table table-hover"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Aaron</td> <td>Seth</td> <td>@aaron</td> </tr> <tr> <th scope="row">2</th> <td>Daichi</td> <td>Barbal</td> <td>@daichi</td> </tr> <tr> <th scope="row">3</th> <td>Tabor</td> <td>Guju</td> <td>@tabor</td> </tr> </tbody> </table> </div> </div> </div> <!--Tables Part End--> <div class="divider"></div> <!--Feature Box Part Start--> <h2 class="text-uppercase text-center">Feature Box</h2> <br> <div class="row"> <div class="col-sm-4"> <div class="feature-box"> <i class="feature-icon fa fa-user"></i> <div class="feature-content"> <h4>Free Shipping</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu.</p> <a href="#">Read More <i class="fa fa-angle-right"></i></a> </div> </div> </div> <div class="col-sm-4"> <div class="feature-box"> <i class="feature-icon fa fa-book"></i> <div class="feature-content"> <h4>Gift Cards</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu.</p> <a href="#">Read More <i class="fa fa-angle-right"></i></a> </div> </div> </div> <div class="col-sm-4"> <div class="feature-box"> <i class="feature-icon fa fa-trophy"></i> <div class="feature-content"> <h4>Reward Points</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu.</p> <a href="#">Read More <i class="fa fa-angle-right"></i></a> </div> </div> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-4"> <div class="feature-box well"> <i class="feature-icon fa fa-user"></i> <div class="feature-content"> <h4>Free Shipping</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu.</p> <a href="#">Read More <i class="fa fa-angle-right"></i></a> </div> </div> </div> <div class="col-sm-4"> <div class="feature-box well"> <i class="feature-icon fa fa-book"></i> <div class="feature-content"> <h4>Gift Cards</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu.</p> <a href="#">Read More <i class="fa fa-angle-right"></i></a> </div> </div> </div> <div class="col-sm-4"> <div class="feature-box well"> <i class="feature-icon fa fa-trophy"></i> <div class="feature-content"> <h4>Reward Points</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu.</p> <a href="#">Read More <i class="fa fa-angle-right"></i></a> </div> </div> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-4"> <div class="featured-box text-center"> <i class="featured-icon fa fa-user"></i> <h4>Free Shipping</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui.</p> <a href="#" class="btn btn-md btn-primary">Read More</a> </div> </div> <div class="col-sm-4"> <div class="featured-box text-center"> <i class="featured-icon fa fa-book"></i> <h4>Gift Cards</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui.</p> <a href="#" class="btn btn-md btn-primary">Read More</a> </div> </div> <div class="col-sm-4"> <div class="featured-box text-center"> <i class="featured-icon fa fa-trophy"></i> <h4>Reward Points</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui.</p> <a href="#" class="btn btn-md btn-primary">Read More</a> </div> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-4"> <div class="featured-box well text-center"> <i class="featured-icon fa fa-user"></i> <h4>Free Shipping</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui.</p> <a href="#" class="btn btn-md btn-primary">Read More</a> </div> </div> <div class="col-sm-4"> <div class="featured-box well text-center"> <i class="featured-icon fa fa-book"></i> <h4>Gift Cards</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui.</p> <a href="#" class="btn btn-md btn-primary">Read More</a> </div> </div> <div class="col-sm-4"> <div class="featured-box well text-center"> <i class="featured-icon fa fa-trophy"></i> <h4>Reward Points</h4> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui.</p> <a href="#" class="btn btn-md btn-primary">Read More</a> </div> </div> </div> <!--Feature Box Part End--> <div class="divider"></div> <!-- Grid Column Part Start--> <h2 class="text-uppercase">Grid</h2> <div class="row"> <div class="col-lg-12"> <h5>1 COLUMN</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-6"> <h5>1/2 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> <div class="col-sm-6"> <h5>1/2 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-4"> <h5>1/3 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui. Morbi id tellus. Nullam massa. Sad dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> <div class="col-sm-4"> <h5>1/3 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui. Morbi id tellus. Nullam massa. Sad dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> <div class="col-sm-4"> <h5>1/3 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Donec eros tellus, scelerisqu nec, rhonc us eget, sollicitudin eu, vehicula venenatis, tem por vitae, est. Praesent vitae dui. Morbi id tellus. Nullam massa. Sad dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-8"> <h5>2/3 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> <div class="col-sm-4"> <h5>1/3 COLUMNS</h5> <p>Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. </p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-6 col-md-3 col-lg-3"> <h5>1/4 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. </p> </div> <div class="col-sm-6 col-md-3 col-lg-3"> <h5>1/4 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. </p> </div> <div class="col-sm-6 col-md-3 col-lg-3"> <h5>1/4 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. </p> </div> <div class="col-sm-6 col-md-3 col-lg-3"> <h5>1/4 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. </p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-9"> <h5>3/4 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> <div class="col-sm-3"> <h5>1/4 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. </p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-6 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc.</p> </div> <div class="col-sm-6 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc.</p> </div> <div class="col-sm-6 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc.</p> </div> <div class="col-sm-6 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc.</p> </div> <div class="col-sm-6 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc.</p> </div> <div class="col-sm-6 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc.</p> </div> </div> <div class="divider"></div> <div class="row"> <div class="col-sm-8 col-md-10 col-lg-10"> <h5>5/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. </p> </div> <div class="col-sm-4 col-md-2 col-lg-2"> <h5>1/6 COLUMNS</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. </p> </div> </div> <!-- Grid Column Part End--> </div> </div> </div> <!-- //Main Container --> <!-- Footer Container --> <footer class="footer-container typefooter-1"> <!-- FOOTER TOP --> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="module social_block col-md-3 col-sm-12 col-xs-12"> <ul class="social-block "> <li class="facebook"><a class="_blank" href="https://www.facebook.com/skvewasterecyclingpvtltd" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="twitter"><a class="_blank" href="https://www.linkedin.com/company/72303031" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="rss"><a class="_blank" href="#" target="_blank"><i class="fa fa-rss"></i></a></li> <li class="google_plus"><a class="_blank" href="https://www.instagram.com/skvewasterecycling/" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li class="pinterest"><a class="_blank" href="#" target="_blank"><i class="fa fa-pinterest"></i></a></li> </ul> </div> <div class="module news-letter col-md-9 col-sm-12 col-xs-12"> <div class="newsletter"> <div class="title-block"> <div class="page-heading">SIGN UP FOR OUR NEWSLETTER</div> </div> <div class="block_content"> <form method="post" name="signup" id="signup" class="btn-group form-inline signup"> <div class="form-group required send-mail"> <div class="input-box"> <input type="email" placeholder="Your email address..." value="" class="form-control" id="txtemail" name="txtemail" size="55"> </div> <div class="subcribe"> <button class="btn btn-default btn-lg" type="submit" onclick="return subscribe_newsletter();" name="submit"> Subscribe </button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <!-- FOOTER CENTER --> <div class="footer-center"> <div class="container content"> <div class="row"> <!-- BOX INFO --> <div class="col-md-3 col-sm-6 col-xs-12 collapsed-block footer-links box-footer"> <div class="module "> <div class="content-block-footer"> <div class="footer-logo"> <a href="index.html"><img src="image/demo/logos/theme_logo.png" title="SKVCOMPUTERS" alt="SKVCOMPUTERS" /></a> </div> </div> </div> </div> <!-- BOX ACCOUT --> <div class="col-md-3 col-sm-6 box-account box-footer"> <div class="module clearfix"> <h3 class="modtitle">My Account</h3> <div class="modcontent"> <ul class="menu"> <li><a href="#">Brands</a></li> <li><a href="#">Gift Certificates</a></li> <li><a href="#">Affiliates</a></li> <li><a href="#">Specials</a></li> </ul> </div> </div> </div> <!-- BOX INFOMATION --> <div class="col-md-3 col-sm-6 box-information box-footer"> <div class="module clearfix"> <h3 class="modtitle">Information</h3> <div class="modcontent"> <ul class="menu"> <li><a href="about-us-3.html">About Us</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="contact.html">Pricing Tables</a></li> <li><a href="#">Terms And Conditions</a></li> </ul> </div> </div> </div> <!-- BOX ABOUT --> <div class="col-md-3 col-sm-6 collapsed-block box-footer"> <div class="module "> <h3 class="modtitle">OUR PRESENCE</h3> <div class="modcontent"> <ul class="contact-address"> <li><span class="fa fa-home"></span>02 Nerkundram Pathai,<br> Vadapalani- 600 026</li> <li><span class="fa fa-envelope"></span> Email: <a href="#"> info@skvinfotech.com</a></li> <li><span class="fa fa-phone"> </span> Phone: 95145 22223</li> </ul> <!--<ul class="payment-method"> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-1.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-2.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-3.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-4.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-5.png" alt="Payment"></a></li> </ul>--> </div> </div> </div> </div> </div> </div> <!-- FOOTER BOTTOM --> <div class="footer-bottom "> <div class="container"> <div class="row"> <div class="col-sm-12"> SKVCOMPUTERS © All Rights Reserved. </div> </div> </div> </div> </footer> <!-- //end Footer Container --> </div> <!-- Include Libs & Plugins ============================================ --> <!-- Placed at the end of the document so the pages load faster --> <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script> <script type="text/javascript" src="js/themejs/libs.js"></script> <script type="text/javascript" src="js/unveil/jquery.unveil.js"></script> <script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script> <script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script> <script type="text/javascript" src="js/datetimepicker/moment.js"></script> <script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script> <!-- Theme files ============================================ --> <script type="text/javascript" src="js/themejs/so_megamenu.js"></script> <script type="text/javascript" src="js/themejs/addtocart.js"></script> <script type="text/javascript" src="js/themejs/application.js"></script> </body> </html>