index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>MULT FORTE</title>

        <meta
            name="viewport"
            content="width=device-width">

        <meta
            name="description"
            content="Nam tristique, quam nec laoreet suscipit, lectus odio efficitur ligula, a lacinia augue justo ac nulla. Donec ac vulputate felis. Duis at sem vitae ex fringilla gravida. Donec id fringilla lorem amet.">

        
        <meta
            name="author"
            content="Rafael Natã @ CIAO Agência Digital">
        

        <link rel="canonical"
            href="http://www.mybusinesstemplatename.com/">

        <!-- <link
            rel="alternate"
            type="application/rss+xml"
            title="RSS"
            href="/feed.xml"> -->

        <link
            rel="icon"
            type="image/gif"
            href="img/template.jpg">
        
        <link
            rel="stylesheet" href="style.css">
    </head>
    <body id="page-top" class="index">
        

    <div id="menu1" > 
    <nav class="navbar navbar-default unique navbar-fixed-top">
        <div class="container">  
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand logo-brand" href="#page-top">
                    <img src="img/template.jpg" class="logo"></img>
                </a>
                <a class="navbar-brand" href="#page-top">MULT FORTE</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    
                    
    <li class="dropdown" id="menu1banner">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="destaques2"
        data-index="0"

        
        data-keypath='["destaques2"]'
        data-depth="1">
        Destaques
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="dellpavilion3"
    data-index="0"
    
    data-keypath='["destaques2", "dellpavilion3", ""]'>
    	
	        DELL PAVILION
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="ram4gb4"
    data-index="1"
    
    data-keypath='["destaques2", "ram4gb4", ""]'>
    	
	        RAM 4GB
	    
    </a>
</li>

    
    </ul>
</li>

                    
    <li class="dropdown" id="menu1store">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="loja5"
        data-index="1"

        
        data-keypath='["loja5"]'
        data-depth="1">
        Loja
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="dropdown" id="menu1produtos">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="produtos6"
        data-index="0"

        
        data-keypath='["loja5", "produtos6"]'
        data-depth="2">
        Produtos
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="dropdown" id="menu1eletronicos">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="eletrc3b4nicos7"
        data-index="0"

        
        data-keypath='["loja5", "produtos6", "eletrc3b4nicos7"]'
        data-depth="3">
        Eletrônicos
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb8"
    data-index="0"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb8", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb9"
    data-index="1"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb9", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb10"
    data-index="2"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb10", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb11"
    data-index="3"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb11", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb12"
    data-index="4"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb12", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb13"
    data-index="5"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb13", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb14"
    data-index="6"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb14", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb15"
    data-index="7"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb15", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb16"
    data-index="8"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb16", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb17"
    data-index="9"
    
    data-keypath='["loja5", "produtos6", "eletrc3b4nicos7", "memc3b3riaram3gb17", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    </ul>
</li>

    
    <li class="dropdown" id="menu1cat2">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="acessc3b3rios18"
        data-index="1"

        
        data-keypath='["loja5", "produtos6", "acessc3b3rios18"]'
        data-depth="3">
        Acessórios
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb19"
    data-index="0"
    
    data-keypath='["loja5", "produtos6", "acessc3b3rios18", "memc3b3riaram3gb19", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb20"
    data-index="1"
    
    data-keypath='["loja5", "produtos6", "acessc3b3rios18", "memc3b3riaram3gb20", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb21"
    data-index="2"
    
    data-keypath='["loja5", "produtos6", "acessc3b3rios18", "memc3b3riaram3gb21", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb22"
    data-index="3"
    
    data-keypath='["loja5", "produtos6", "acessc3b3rios18", "memc3b3riaram3gb22", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb23"
    data-index="4"
    
    data-keypath='["loja5", "produtos6", "acessc3b3rios18", "memc3b3riaram3gb23", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb24"
    data-index="5"
    
    data-keypath='["loja5", "produtos6", "acessc3b3rios18", "memc3b3riaram3gb24", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    </ul>
</li>

    
    <li class="dropdown" id="menu1cat3">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="placas25"
        data-index="2"

        
        data-keypath='["loja5", "produtos6", "placas25"]'
        data-depth="3">
        Placas
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb26"
    data-index="0"
    
    data-keypath='["loja5", "produtos6", "placas25", "memc3b3riaram3gb26", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb27"
    data-index="1"
    
    data-keypath='["loja5", "produtos6", "placas25", "memc3b3riaram3gb27", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb28"
    data-index="2"
    
    data-keypath='["loja5", "produtos6", "placas25", "memc3b3riaram3gb28", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb29"
    data-index="3"
    
    data-keypath='["loja5", "produtos6", "placas25", "memc3b3riaram3gb29", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb30"
    data-index="4"
    
    data-keypath='["loja5", "produtos6", "placas25", "memc3b3riaram3gb30", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb31"
    data-index="5"
    
    data-keypath='["loja5", "produtos6", "placas25", "memc3b3riaram3gb31", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    </ul>
</li>

    
    <li class="dropdown" id="menu1cat4">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="entretenimento32"
        data-index="3"

        
        data-keypath='["loja5", "produtos6", "entretenimento32"]'
        data-depth="3">
        Entretenimento
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb33"
    data-index="0"
    
    data-keypath='["loja5", "produtos6", "entretenimento32", "memc3b3riaram3gb33", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb34"
    data-index="1"
    
    data-keypath='["loja5", "produtos6", "entretenimento32", "memc3b3riaram3gb34", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb35"
    data-index="2"
    
    data-keypath='["loja5", "produtos6", "entretenimento32", "memc3b3riaram3gb35", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb36"
    data-index="3"
    
    data-keypath='["loja5", "produtos6", "entretenimento32", "memc3b3riaram3gb36", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb37"
    data-index="4"
    
    data-keypath='["loja5", "produtos6", "entretenimento32", "memc3b3riaram3gb37", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb38"
    data-index="5"
    
    data-keypath='["loja5", "produtos6", "entretenimento32", "memc3b3riaram3gb38", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    </ul>
</li>

    
    <li class="dropdown" id="menu1cat5">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="utilitc3a1rios39"
        data-index="4"

        
        data-keypath='["loja5", "produtos6", "utilitc3a1rios39"]'
        data-depth="3">
        Utilitários
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb40"
    data-index="0"
    
    data-keypath='["loja5", "produtos6", "utilitc3a1rios39", "memc3b3riaram3gb40", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb41"
    data-index="1"
    
    data-keypath='["loja5", "produtos6", "utilitc3a1rios39", "memc3b3riaram3gb41", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb42"
    data-index="2"
    
    data-keypath='["loja5", "produtos6", "utilitc3a1rios39", "memc3b3riaram3gb42", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb43"
    data-index="3"
    
    data-keypath='["loja5", "produtos6", "utilitc3a1rios39", "memc3b3riaram3gb43", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb44"
    data-index="4"
    
    data-keypath='["loja5", "produtos6", "utilitc3a1rios39", "memc3b3riaram3gb44", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb45"
    data-index="5"
    
    data-keypath='["loja5", "produtos6", "utilitc3a1rios39", "memc3b3riaram3gb45", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    </ul>
</li>

    
    <li class="dropdown" id="menu1cat6">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="geral46"
        data-index="5"

        
        data-keypath='["loja5", "produtos6", "geral46"]'
        data-depth="3">
        Geral
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb47"
    data-index="0"
    
    data-keypath='["loja5", "produtos6", "geral46", "memc3b3riaram3gb47", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb48"
    data-index="1"
    
    data-keypath='["loja5", "produtos6", "geral46", "memc3b3riaram3gb48", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb49"
    data-index="2"
    
    data-keypath='["loja5", "produtos6", "geral46", "memc3b3riaram3gb49", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb50"
    data-index="3"
    
    data-keypath='["loja5", "produtos6", "geral46", "memc3b3riaram3gb50", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb51"
    data-index="4"
    
    data-keypath='["loja5", "produtos6", "geral46", "memc3b3riaram3gb51", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="memc3b3riaram3gb52"
    data-index="5"
    
    data-keypath='["loja5", "produtos6", "geral46", "memc3b3riaram3gb52", ""]'>
    	
	        Memória RAM 3GB
	    
    </a>
</li>

    
    </ul>
</li>

    
    </ul>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="carrinho53"
    data-index="1"
    
    data-keypath='["loja5", "carrinho53", ""]'>
    	
	        Carrinho
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="orc3a7amento54"
    data-index="2"
    
    data-keypath='["loja5", "orc3a7amento54", ""]'>
    	
	        Orçamento
	    
    </a>
</li>

    
    </ul>
</li>

                    
    <li class="dropdown" id="menu1footer">
    <a href="#" class="dropdown-toggle"

        role="button"
        aria-haspopup="true"
        aria-expanded="false"

        data-key="contato55"
        data-index="2"

        
        data-keypath='["contato55"]'
        data-depth="1">
        Contato
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    

    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="newsletter56"
    data-index="0"
    
    data-keypath='["contato55", "newsletter56", ""]'>
    	
	        Newsletter
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="quemsomos57"
    data-index="1"
    
    data-keypath='["contato55", "quemsomos57", ""]'>
    	
	        Quem Somos
	    
    </a>
</li>

    
    <li class="page-scroll">
    
    <a
    href="#"
    
    data-key="mapa58"
    data-index="2"
    
    data-keypath='["contato55", "mapa58", ""]'>
    	
	        Mapa
	    
    </a>
</li>

    
    </ul>
</li>

                    
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <div class='wrap'>
        

        <!-- Header -->
    <header id="destaques2" class="destaques2">
        <div class="hero-container" style="background-image: url(img/cables.jpg)">
            <div class="overlay filter"></div>
            <div id="hero" class="hero container">
                <div id="carouselportolio">
                    <div class="swiper-container swiper-container-destaques2">
                        <div class="swiper-wrapper">
                            

    <div class="swiper-slide  active "
    data-key="dellpavilion3">
    <div id="dellpavilion3" class="promotion-content flex-center flex-responsive">
        <div class="flex-responsive flex-center">
            <!-- <div class="promotion-image back" style="background-image: url(img/portfolio/)"> -->
            <div class="promotion-image">
                <img src="img/portfolio/computer.png" class="img-responsive" alt="">
            </div>
            <div class="promotion-description flex-v flex-start">
                <!-- <li class="list-group-item"> -->
                    <div class="promotion-title">
                        DELL PAVILION
                    </div>
                    <div class="promotion-details">
                        Processador Intel Xeon, 80GB HD, 4GB RAM
                    </div>
                    <div class="promotion-price">
                        POR <span>R$ 2800</span>
                    </div>
                    
                        <div class="promotion-parcels">
                        12x <span>R$ 233</span>
                        </div>
                    
                    <!-- <div class="btn btn-default button">Comprar!</div> -->
                <!-- </li> -->
            </div>
        </div>
    </div>
</div>


    <div class="swiper-slide "
    data-key="ram4gb4">
    <div id="ram4gb4" class="promotion-content flex-center flex-responsive">
        <div class="flex-responsive flex-center">
            <!-- <div class="promotion-image back" style="background-image: url(img/portfolio/)"> -->
            <div class="promotion-image">
                <img src="img/portfolio/ram.png" class="img-responsive" alt="">
            </div>
            <div class="promotion-description flex-v flex-start">
                <!-- <li class="list-group-item"> -->
                    <div class="promotion-title">
                        RAM 4GB
                    </div>
                    <div class="promotion-details">
                        Memória Kingston Blazer Ultra Fast
                    </div>
                    <div class="promotion-price">
                        POR <span>R$ 400</span>
                    </div>
                    
                        <div class="promotion-parcels">
                        12x <span>R$ 33</span>
                        </div>
                    
                    <!-- <div class="btn btn-default button">Comprar!</div> -->
                <!-- </li> -->
            </div>
        </div>
    </div>
</div>


                        </div>
                        <div class="swiper-pagination swiper-pagination-white swiper-pagination-destaques2"></div>
                        <div class="swiper-button-next swiper-button-white swiper-button-next-destaques2"></div>
                        <div class="swiper-button-prev swiper-button-white swiper-button-prev-destaques2"></div>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- showcase Grid Section -->
    <section id="loja5" class="">
        <div class="filter overlay"></div>
        

    <div id="produtos6" data-key="produtos6">
    <div class="swiper-container swiper-container-showcase-produtos6-header">
        <div class="swiper-wrapper">
        
            <div
            class="swiper-slide"
            data-key="produtos6"
            data-index="forloop.index0">
                <div
                class="eletronicos"
                style="background-image: url(img/cables.jpg); background-size: cover">
                    <div class="filter overlay"></div>
                    <div data-key="eletronicos" class="category-title">
                        <!-- <div class=""> -->
                            Eletrônicos
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        
            <div
            class="swiper-slide"
            data-key="produtos6"
            data-index="forloop.index0">
                <div
                class="cat2"
                style="background-image: url(img/cables.jpg); background-size: cover">
                    <div class="filter overlay"></div>
                    <div data-key="cat2" class="category-title">
                        <!-- <div class=""> -->
                            Acessórios
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        
            <div
            class="swiper-slide"
            data-key="produtos6"
            data-index="forloop.index0">
                <div
                class="cat3"
                style="background-image: url(img/cables.jpg); background-size: cover">
                    <div class="filter overlay"></div>
                    <div data-key="cat3" class="category-title">
                        <!-- <div class=""> -->
                            Placas
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        
            <div
            class="swiper-slide"
            data-key="produtos6"
            data-index="forloop.index0">
                <div
                class="cat4"
                style="background-image: url(img/cables.jpg); background-size: cover">
                    <div class="filter overlay"></div>
                    <div data-key="cat4" class="category-title">
                        <!-- <div class=""> -->
                            Entretenimento
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        
            <div
            class="swiper-slide"
            data-key="produtos6"
            data-index="forloop.index0">
                <div
                class="cat5"
                style="background-image: url(img/cables.jpg); background-size: cover">
                    <div class="filter overlay"></div>
                    <div data-key="cat5" class="category-title">
                        <!-- <div class=""> -->
                            Utilitários
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        
            <div
            class="swiper-slide"
            data-key="produtos6"
            data-index="forloop.index0">
                <div
                class="cat6"
                style="background-image: url(img/cables.jpg); background-size: cover">
                    <div class="filter overlay"></div>
                    <div data-key="cat6" class="category-title">
                        <!-- <div class=""> -->
                            Geral
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        
        </div>
    </div>

    <div class="swiper-container swiper-container-showcase-produtos6-all">
        <div class="swiper-wrapper">
            
                <div class="swiper-slide">
                    

<div class="swiper-slide">
    <div class="eletronicos"  id="eletrc3b4nicos7">
        <div class="container slider-container dragscroll">
            <div class="swiper-container swiper-container-showcase swiper-container-showcase-eletronicos item-container"
            data-toggle="buttons">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb8" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb9" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb10" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb11" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/disc.jpg" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb12" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/disc.jpg" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb13" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb14" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb15" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb16" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/disc.jpg" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb17" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/disc.jpg" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-eletronicos"></div>
                <div class="swiper-button-next swiper-button swiper-button-next-showcase-eletronicos"></div>
                <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-eletronicos"></div>
            </div>
        </div>
    </div>
</div>


                </div>
            
                <div class="swiper-slide">
                    

<div class="swiper-slide">
    <div class="cat2"  id="acessc3b3rios18">
        <div class="container slider-container dragscroll">
            <div class="swiper-container swiper-container-showcase swiper-container-showcase-cat2 item-container"
            data-toggle="buttons">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb19" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb20" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb21" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb22" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb23" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb24" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-cat2"></div>
                <div class="swiper-button-next swiper-button swiper-button-next-showcase-cat2"></div>
                <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-cat2"></div>
            </div>
        </div>
    </div>
</div>


                </div>
            
                <div class="swiper-slide">
                    

<div class="swiper-slide">
    <div class="cat3"  id="placas25">
        <div class="container slider-container dragscroll">
            <div class="swiper-container swiper-container-showcase swiper-container-showcase-cat3 item-container"
            data-toggle="buttons">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb26" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb27" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb28" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb29" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb30" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb31" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-cat3"></div>
                <div class="swiper-button-next swiper-button swiper-button-next-showcase-cat3"></div>
                <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-cat3"></div>
            </div>
        </div>
    </div>
</div>


                </div>
            
                <div class="swiper-slide">
                    

<div class="swiper-slide">
    <div class="cat4"  id="entretenimento32">
        <div class="container slider-container dragscroll">
            <div class="swiper-container swiper-container-showcase swiper-container-showcase-cat4 item-container"
            data-toggle="buttons">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb33" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb34" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb35" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb36" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb37" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb38" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-cat4"></div>
                <div class="swiper-button-next swiper-button swiper-button-next-showcase-cat4"></div>
                <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-cat4"></div>
            </div>
        </div>
    </div>
</div>


                </div>
            
                <div class="swiper-slide">
                    

<div class="swiper-slide">
    <div class="cat5"  id="utilitc3a1rios39">
        <div class="container slider-container dragscroll">
            <div class="swiper-container swiper-container-showcase swiper-container-showcase-cat5 item-container"
            data-toggle="buttons">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb40" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb41" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb42" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb43" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb44" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb45" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-cat5"></div>
                <div class="swiper-button-next swiper-button swiper-button-next-showcase-cat5"></div>
                <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-cat5"></div>
            </div>
        </div>
    </div>
</div>


                </div>
            
                <div class="swiper-slide">
                    

<div class="swiper-slide">
    <div class="cat6"  id="geral46">
        <div class="container slider-container dragscroll">
            <div class="swiper-container swiper-container-showcase swiper-container-showcase-cat6 item-container"
            data-toggle="buttons">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb47" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb48" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb49" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb50" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb51" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                        <div class="swiper-slide">
                            

<div id="memc3b3riaram3gb52" class="showcase-item" data-price="100">
    <div class="showcase-link rounded">
        <img data-src="img/portfolio/ram.png" class="img-responsive swiper-lazy"></img>
        <div class="swiper-lazy-preloader swiper-lazy-preloader"></div>
        <div class="description overlay">
            <div class="promotion-title">
                Memória RAM 3GB
            </div>
            <div class="promotion-details">
                Lorem Ipsum!
            </div>
            <div class="promotion-price">
                Por <span>R$ 100</span>
            </div>
            
        </div>
        <div class="btn btn-default cart-button button">
            Carrinho
        </div>
    </div>
</div>


                        </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-cat6"></div>
                <div class="swiper-button-next swiper-button swiper-button-next-showcase-cat6"></div>
                <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-cat6"></div>
            </div>
        </div>
    </div>
</div>


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


    <div id="carrinho53" class="cart-container">
    <div class="container cart-title big-text flex-h flex-center">
        <svg class="icon">
           <use xlink:href="img/cart.svg#a"></use>
        </svg>
        <span class="budgetstatus">Faça seu orçamento online!</span>
    </div>
    <div class="cart container">
        <div class="swiper-container swiper-container-showcase-calc item-container"
        data-toggle="buttons">
            <div class="swiper-wrapper">
            </div>
            <div class="swiper-pagination swiper-pagination swiper-pagination-showcase-calc"></div>
            <div class="swiper-button-next swiper-button swiper-button-next-showcase-calc"></div>
            <div class="swiper-button-prev swiper-button swiper-button-prev-showcase-calc"></div>
        </div>
    </div>
</div>


    <div id="orc3a7amento54" class="cart-container cart-summary">
    <div class="container cart-title flex-responsive flex-center big-text">
        <svg class="icon">
           <use xlink:href="img/cart.svg#a"></use>
        </svg>
        <span class="budget">Seu orçamento</span>
    </div>
    <div class="rel container">
        <div class="swiper-container swiper-container-orc3a7amento54">
            <div class="swiper-wrapper">
                <!-- <div class="swiper-slide">
                    <div class="rel flex-v flex-start">
                        <div class="promotion-price">
                            POR <span>R$ 2800</span>
                        </div>

                        <div class="promotion-parcels">
                            12x <span>R$ 233</span>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="rel flex-v flex-start">
                        <div class="promotion-price">
                            POR <span>R$ 2800</span>
                        </div>

                        <div class="promotion-parcels">
                            12x <span>R$ 233</span>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="rel flex-v flex-start">
                        <div class="promotion-price">
                            POR <span>R$ 2800</span>
                        </div>

                        <div class="promotion-parcels">
                            12x <span>R$ 233</span>
                        </div>
                    </div>
                </div> -->
            </div>
<!--             <div class="swiper-pagination swiper-pagination-white swiper-pagination-orc3a7amento54"></div>
            <div class="swiper-button-next swiper-button-white swiper-button-next-orc3a7amento54"></div>
            <div class="swiper-button-prev swiper-button-white swiper-button-prev-orc3a7amento54"></div> -->
        </div>
        <!-- <div class="flex-v flex-start">
            <div class="promotion-title">
                DELL PAVILION
            </div>
            <div class="promotion-details">
                Processador Intel Xeon, 80GB HD, 4GB RAM
            </div>
        </div>
        <div class="flex-v flex-start">
            <div class="promotion-price">
                POR <span>R$ 2800</span>
            </div>

            <div class="promotion-parcels">
                12x <span>R$ 233</span>
            </div>
        </div>
        <div class="flex-v flex-start">
            <div class="promotion-price">
                POR <span>R$ 2800</span>
            </div>

            <div class="promotion-parcels">
                12x <span>R$ 233</span>
            </div>
        </div> -->
    </div>
</div>


    </section>


        <section id="contato55" class="text-center">
        
        
        <!-- Footer -->
    <section id="newsletter56">
    	<div class="container">
    		<div class="flex-responsive flex-center">
		    	
	<!-- 	        <div class="col-xs-4 col-xs-offset-4 col-sm-3 col-sm-offset-2"> -->
		        	<svg class="icon">
				       <use xlink:href="img/mail.svg#a"></use>
				    </svg>
				    <!-- <img class="img-responsive" src="img/mail.svg#a"></img> -->
		        
	<!-- 	        <div class="flex-v spaced col-xs-12 col-sm-4"> -->
		        <div class="flex-v big-text text-center">
		            <div class="">
		            	Receba nossa newsletter semanal!
		            </div>
		            <input class=""
		            type="text" name="mail" placeholder="meu@email.com.br"/>
		            <div class="btn btn-default button">
		            	Eu aceito!
		            </div>
		        </div>
	        </div>
	    </div>
    </section>


        <div id="quemsomos57" class="container">
            <div class="row">
                <div class="col-sm-3 col-xs-12">
                    <img src="img/template.jpg" class="logo img-responsive">
                    </img>
                </div>
                <div class="col-sm-3 col-xs-12">
                    <h4>MULT FORTE</h4>
                    <div>Nam tristique, quam nec laoreet suscipit, lectus odio efficitur ligula, a lacinia augue justo ac nulla. Donec ac vulputate felis. Duis at sem vitae ex fringilla gravida. Donec id fringilla lorem amet.</div>
                </div>
                <div class="col-sm-3 col-xs-12">
                    <h4>Endereço</h4>
                    <div>Campina Grande, Paraíba</div>
                    <div>Av. Marechal Floriano Peixoto, Centro</div>
                </div>
                <div class="col-sm-3 col-xs-12">
                    <h4>Contato</h4>
                    
                    <div>
                        <a href="mailto:comercialmultforte@hotmail.com">
                            comercialmultforte@hotmail.com
                        </a>
                    </div>
                    
                    <div>(83) XXXX XXXX</div>
                    <div>(83) XXX XX XX XX</div>
                </div>
            </div>
        </div>


    		<div id="maps">
            <div id="mapa58"
			    data-key="mapa"
			    data-index=""
			    data-keypath="contato55, mapa58, footer">
			    <!-- inject dinamically -->
            <!--<script async defer
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAD00hEZVLLLw0OGrBSWZV515j8IinCbe8&callback=initMap"></script>-->
            </div>
        </div>


    </section>


    </div>
</div>


        <div id="ciaobadge59" class="ciaobadge">
            <div class="overlay content">
                <a target="_blank" href="http://www.ciaoagenciadigital.com">
                    www.ciaoagenciadigital.com
                </a>
            </div>
        </div>


    <div id="alerts60">
    <div class="alerts col-xs-12 col-sm-6 col-sm-offset-3">
    </div>
</div>


    </body>
    <script src="script.js"></script>
</html>