index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>CloudC - Consultoria Especializada em Computação em Nuvem</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet"> 
    <link href="css/lightbox.css" rel="stylesheet"> 
	<link href="css/main.css" rel="stylesheet">
	<link href="css/responsive.css" rel="stylesheet">

    <!--[if lt IE 9]>
	    <script src="js/html5shiv.js"></script>
	    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="images/ico/favicon.ico">
</head><!--/head-->

<body>
	<header id="header">      
        <div class="container">
            <div class="row">
                <div class="col-sm-12 overflow">
                   <div class="social-icons pull-right">
                        <ul class="nav nav-pills">
                            <li><a href="https://www.facebook.com/CloudC-Consultoria-1274792942540240/"><i class="fa fa-facebook"></i></a></li>
                            <li><a href=""><i class="fa fa-twitter"></i></a></li>
                        </ul>
                    </div> 
                </div>
             </div>
        </div>
        <div class="navbar navbar-inverse" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <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" href="index.html">
                    	<h1><img src="images/logo.png" alt="logo"></h1>
                    </a>
                    
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.html">Home</a></li>
			<li class="dropdown"><a href="http://www.portalcsp.com.br/cloudcconsultoria/Product/List">Loja</a></li>
                        <li class="dropdown"><a href="aboutus2.html">CloudC</a></li>                  
                        <li><a href="http://lucaschies.azurewebsites.net">Blog </li></a>
                        </li>
                        <!-- 
                            <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a>
                            <ul role="menu" class="sub-menu">
                                <li><a href="portfolio.html">Portfolio Default</a></li>
                                <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li>
                                <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li>
                                <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li>
                                <li><a href="portfoliothree.html">2 Columns</a></li>
                                <li><a href="portfolio-details.html">Portfolio Details</a></li>
                            </ul>
                        </li>                         
                        <li><a href="shortcodes.html ">Shortcodes</a></li>   
                        
                        -->                 
                    </ul>
                </div>
                <div class="search">
                    <form role="form">
                        <i class="fa fa-search"></i>
                        <div class="field-toggle">
                            <input type="text" class="search-form" autocomplete="off" placeholder="Search">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </header>
    <!--/#header-->

    <section id="home-slider">
        <div class="container">
            <div class="main-slider">
                <div class="slide-text">
                    <h1>Auxiliamos na jornada de adoção, migração e gerenciamento de ambientes em nuvem</h1>
                    <p></p>
                    
                </div>
                <img src="images/home/slider/slide1/house1.png" class="img-responsive slider-house" alt="slider image">
                <img src="images/home/slider/slide1/cloud11.png" class="slider-cloud1" alt="slider image">
                <img src="images/home/slider/slide1/cloud33.png" class="slider-cloud3" alt="slider image">
            </div>
        </div>
        <div class="preloader"><i class="fa fa-sun-o fa-spin"></i></div>
    </section>
    <!--/#home-slider-->

    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms">
                            <img src="images/home/icon1.png" alt="">
                        </div>
                        <h2>Adoção e Migração para Nuvem</h2>
                        <p>A nuvem pode oferecer muitos benefícios, porem é necessário preparar-se e identificar o que está apto à migrar para este novo modelo. Por isso um Site Survey bem executado é crucial para uma migração bem sucedida.</p>
                    </div>
		    </div>
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms">
                            <img src="images/home/icon3.png" alt="">
                        </div>
                        <h2>Cloud Survey</h2>
                        <p>Identificar o ambiente e aplicações, saber seus pré-requisitos e dependências. Esta é a principal ação que deve ser executada antes de inicar uma migração para nuvem.
			   O Survey irá trazer à você informações importantes sobre seu ambiente.</p>
                    </div>
                </div>
              <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms">
                            <img src="images/home/icon2.png" alt="">
                        </div>
                        <h2>Dev/Test em nuvem</h2>
                        <p>Implementamos o ambiente de Desenvolvimento e Testes para em minutos, para que sua empresa tenha agilidade no desenvolvimento de novas soluções.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#services-->

    <section id="action" class="responsive">
        <div class="vertical-center">
             <div class="container">
                <div class="row">
                    <div class="action take-tour">
                        <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">

                        </div>
                        <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                            <div class="tour">
                                
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </section>
    <!--/#action-->

    <section id="features">
        <div class="container">
            <div class="row">
                <div class="single-features">
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="images/home/image1.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>Gerenciamento e Provisionamento</h2>
                        <P>Entender o ambiente de nuvem e prover o Provisionamento correto é determinante para o melhor aproveitamento das Workloads. Minizando riscos para o negócio, complexidade e manutenções no ambiente. </P>
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>Movimentação para nuvem</h2>
                        <P>O processo de migração para nuvem requer um planejamento de alto nível. Utilizamos as melhores práticas para processos de dimensionamento, treinamentos e consolidação.</P>
                    </div>
                    <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="images/home/image2.png" class="img-responsive" alt="">
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="images/home/image3.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>Monitoramento</h2>
                        <P>Um ambiente de produção requer monitoramento constante para que cada workload seja executada corretamente. Um ambiente desatualizado limita a capacidade de uma empresa.</P>
                    </div>
                </div>
            </div>
        </div>
    </section>
     <!--/#features-->

    <!--/#parceria-->
  <section id="page-breadcrumb1">
        <div class="vertical-center sun">
             <div class="container">
                <div class="row">
                    <div class="action">
                        <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="images/home/MSFT_PartnerNetwork.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>Parceria</h2>
                        <P>Somos parceiros registrado Microsoft. Você pode encontrar nossos serviços no site da parceria.</P>
                    </div>
                     </div>
                </div>
            </div>
        </div>
   </section>
<!--/#parceria-->
<br> </br>
<!--/#footer-->
    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 text-center bottom-separator">
                    <img src="images/home/under.png" class="img-responsive inline" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="testimonial bottom">
                        
                        <div class="media">
                            <div class="pull-left">
                                <a href="#"><img src="" alt=""></a>
                            </div>
                            <div class="media-body">
                                <blockquote></blockquote>
                                <h3><a href="#"></a></h3>
                            </div>
                         </div>
                        <div class="media">
                            <div class="pull-left">
                                <a href="#"><img src="" alt=""></a>
                            </div>
                            <div class="media-body">
                                <blockquote></blockquote>
                                <h3><a href=""></a></h3>
                            </div>
                        </div>   
                    </div> 
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="contact-info bottom">
                        <h2>Contato</h2>
                        <address>
                        E-mail: <a href="mailto:cloudc@cloudcconsultoria.com">cloudc@cloudcconsultoria.com</a> <br> 
                        Phone:  +55 (51) 98568-5826 <br> 
                        </address>

                        <h2>Endereço</h2>
                        <address>
                        Rua Santa Cruz, 1097 <br> 
                        Niteroi, <br> 
                        Canoas, RS <br> 
                        Brasil <br> 
                        </address>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="contact-form bottom">
                        <h2>Envie sua mensagem</h2>
                        <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" required="required" placeholder="Name">
                            </div>
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" required="required" placeholder="Email Id">
                            </div>
                            <div class="form-group">
                                <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea>
                            </div>                        
                            <div class="form-group">
                                <input type="submit" name="submit" class="btn btn-submit" value="Submit">
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="copyright-text text-center">
                        <p>&copy; CloudC Consultoria 2016. All Rights Reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--/#footer-->

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/lightbox.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>   
</body>
</html>