<!DOCTYPE html>
<html lang="en">

    <!-- Basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
   
    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
     <!-- Site Metas -->
    <title>HelpyFrella</title>  
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Site Icons -->
    <link rel="shortcut icon" href="images/logo3.png" type="image/x-icon" />
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="css/responsive.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.css">
	<script src="js/modernizr.js"></script> <!-- Modernizr -->

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body id="page-top" class="politics_version">

    <!-- LOADER -->
    <div id="preloader">
        <div id="main-ld">
			<div id="loader"></div>  
		</div>
    </div><!-- end loader -->
    <!-- END LOADER -->
	
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">
			<img class="img-fluid" src="images/logo2.png" alt="" />
		</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          Menu
          <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav text-uppercase ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger active" href="#home">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">Sobre nos </a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#services">Serviços</a>
            </li>
			<li class="nav-item">
			  <a class="nav-link js-scroll-trigger" href="#contact">Fale conosco</a>
			  
			</li>
			<li class="nav-item">
				<a class="nav-link js-scroll-trigger" href="filtro.php">Contrate-já</a>

			</li>
          </ul>
        </div>
      </div>
    </nav>
	
	<section id="home" class="main-banner parallaxie" style="background: url('uploads/teste.jpg')">
		<div class="heading">
			<h1>Bem vindo ao HelpyFrella</h1>			
			<h3 class="cd-headline clip is-full-width">
				<span>Aqui voce encontra </span>
				<span class="cd-words-wrapper">
					<b class="is-visible">Desingers</b>
					<b>Programadores</b>
					<b>Advogados</b>
					<b>Contadores</b>
				</span>
				<div class="btn-ber">
					<a class="get_btn hvr-bounce-to-top" href="escolha.php">Criar conta</a>
					<a class="learn_btn hvr-bounce-to-top" href="#about">Sobre nós </a>
				</div>
			</h3>
		</div>
	</section>

    <div id="about" class="section wb">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="message-box">                        
                        <h2>Bem vindo ao HelpyFrella</h2>
                        <p> Atualmente existem diversos profissionais liberais que prestam serviços de consultoria para
                        	as empresas em geral. Cada vez mais as empresas buscam contratar esses profissionais com o
                        	intuito de auxiliá-las em um ramo específico de seus negócios sem gerar qualquer vínculo
                        	empregatício. O desenvolvimento do site Helpy Freella auxiliará na divulgação de prestadores
                        	de serviços e empresas que desejam encontrar esses profissionais, focando em serviços
                        	específicos como contabilidade, marketing, design e advocacia. </p>
						<p></p>

                        <a href="#contact" class="sim-btn hvr-bounce-to-top"><span>Fale conosco</span></a>
                    </div><!-- end messagebox -->
                </div><!-- end col -->

                <div class="col-md-6">
                    <div class="right-box-pro wow fadeIn">
                        <img src="uploads/teste2.jpg" alt="" class="img-fluid img-rounded">
                    </div><!-- end media -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->
	
    <div id="services" class="section lb">
        <div class="container">
            <div class="section-title text-center">
                <h3>Serviços</h3>
                <p>Aqui esta os tipos de serviços que oferecemos:</p>
            </div><!-- end title -->

            <div class="row">
				<div class="col-md-4">
                    <div class="services-inner-box">
						<div class="ser-icon">
							<i class="flaticon-seo"></i>
						</div>
						<h2>Programadores</h2>
						<p>Esses proficionais tem como objetivo divulgador seu trabalho fazendo sites e aplicativos </p>
					</div>
                </div><!-- end col -->
                <div class="col-md-4">
                    <div class="services-inner-box">
						<div class="ser-icon">
							<i class="flaticon-development"></i>
						</div>
						<h2>Advogados</h2>
						<p>Esses profissionais sao responsaveis para tirar duvidas e solucionar problemas advogacionais.</p>
					</div>
                </div><!-- end col -->
				<div class="col-md-4">
                    <div class="services-inner-box">
						<div class="ser-icon">
							<i class="flaticon-process"></i>
						</div>
						<h2>Creative Design</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
					</div>
                </div><!-- end col -->
				<div class="col-md-4">
                    <div class="services-inner-box">
						<div class="ser-icon">
							<i class="flaticon-discuss-issue"></i>
						</div>
						<h2>Contador</h2>
						<p>O contador é o profissional que cuida das questões financeiras, tributárias, econômicas e patrimoniais de uma empresa. Em seu cotidiano, lida com planilhas, demonstrativos de resultados, contas a pagar e a receber, guias de impostos e muitos números.s</p>
					</div>
                </div><!-- end col -->
				<div class="col-md-4">
                    <div class="services-inner-box">
						<div class="ser-icon">
							<i class="flaticon-idea"></i>
						</div>
						<h2>Web Idea</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
					</div>
                </div><!-- end col -->
				<div class="col-md-4">
                    <div class="services-inner-box">
						<div class="ser-icon">
							<i class="flaticon-idea-1"></i>
						</div>
						<h2>Designer</h2>
						<p>É o profissional que trabalha com Design Gráfico. ... O designer vai ser responsável por criar projetos de comunicação visual, como logotipos e panfletos. Também pode desenvolver produtos e embalagens.</p>
					</div>
				</div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->
	
	
	<div id="blog" class="section lb">
		<div class="container">
			<div class="section-title text-center">
                <h3>Noticias</h3>
                <p>Ultimas noticia sobre o mundo dos "Frellancers".</p>
            </div><!-- end title -->
			
			<div class="row">
				<div class="col-md-4 col-sm-6 col-lg-4">
					<div class="post-box">
						<div class="post-thumb">
							<img src="images/frela.jfif" class="img-fluid" alt="post-img" />
							<div class="date">
								<span>06</span>
								<span>Ago</span>
							</div>
						</div>
						<div class="post-info">
							<h4>Com crise, trabalho de freelancer pode ser saída; veja dicas</h4>
							<ul>
                            </ul>
							<p> trabalho freelancer sempre foi conhecido por ser uma fonte de renda extra para ajudar a fechar as contas no
								final do mês. </p>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-lg-4">
					<div class="post-box">
						<div class="post-thumb">
							<img src="images/frela2.jpg" class="img-fluid" alt="post-img" />
							<div class="date">
								<span>06</span>
								<span>Ago</span>
							</div>
						</div>
						<div class="post-info">
							<h4>Os desafios de entrar no mercado como freelancer</h4>
							<ul>
                            </ul>
							<p>O século XXI foi marcado pelo boom da internet em todo mundo, que encurtou as distâncias e criou figuras, que
								não poderiam existir em outro cenário, como os nômades digitais.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-lg-4">
					<div class="post-box">
						<div class="post-thumb">
							<img src="images/frela3.jpg" class="img-fluid" alt="post-img" />
							<div class="date">
								<span>06</span>
								<span>Ago</span>
							</div>
						</div>
						<div class="post-info">
							<h4>Mercado de trabalho absorve cada vez mais o profissional freelancer</h4>
							<ul>
                            </ul>
							<p>A Gig Economy, ou economia de trabalhadores livres, como freelancers, donos de micronegócios,.
							</p>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	
	
    <div id="contact" class="section db">
        <div class="container">
            <div class="section-title text-center">
                <h3>Contato</h3>
                <p>Envie sugestões, reclamações e dúvidas aqui !</p>
            </div><!-- end title -->

            <div class="row">
                <div class="col-md-12">
                    <div class="contact_form">
                        <div id="message"></div>
                        <form id="contactForm" name="sentMessage" novalidate="novalidate">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<input class="form-control" id="name" type="text" placeholder="Seu nome " required="required" data-validation-required-message="Por favor insira seu nome.">
										<p class="help-block text-danger"></p>
									</div>
									<div class="form-group">
										<input class="form-control" id="email" type="email" placeholder="Seu e-mail" required="required" data-validation-required-message="Por favor insira seu e-mail">
										<p class="help-block text-danger"></p>
									</div>
									<div class="form-group">
										<input class="form-control" id="phone" type="tel" placeholder="Seu numero de telefone" required="required" data-validation-required-message="Por favor insira seu numero de telefone.">
										<p class="help-block text-danger"></p>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<textarea class="form-control" id="message" placeholder="Sua mensagem" required="required" data-validation-required-message="Por favor escreva sua mensagem."></textarea>
										<p class="help-block text-danger"></p>
									</div>
								</div>
								<div class="clearfix"></div>
								<div class="col-lg-12 text-center">
									<div id="success"></div>
									<button id="sendMessageButton" class="sim-btn hvr-bounce-to-top" type="submit">Enviar mensagem</button>
								</div>
							</div>
						</form>
                    </div>
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->

    <div class="copyrights">
        <div class="container">
            <div class="footer-distributed">
				<a href="#"><img src="images/logo2.png" alt="" /></a>
                    <p class="footer-company-name">Todos direitos resevados &copy; 2020<a href="#">HelpyFrella</a> Feito por:<a href="#">HelpyFrella company</a> 
				
                </div>
            </div>
        </div><!-- end container -->
    </div><!-- end copyrights -->

    <a href="#" id="scroll-to-top" class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>

    <!-- ALL JS FILES -->
    <script src="js/all.js"></script>
	<!-- Camera Slider -->
	<script src="js/jquery.mobile.customized.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script> 
	<script src="js/parallaxie.js"></script>
	<script src="js/headline.js"></script>
	<!-- Contact form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>
    <!-- ALL PLUGINS -->
    <script src="js/custom.js"></script>
    <script src="js/jquery.vide.js"></script>

</body>
</html>