Skip to content

Redesign #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Dec 23, 2016
Merged

Redesign #2

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
9312865
Delete everything
RaonyMarcondes Aug 16, 2016
031d83c
Start point
RaonyMarcondes Aug 16, 2016
49863c2
Include basic assets
RaonyMarcondes Aug 16, 2016
3230e21
Implements the new home page
RaonyMarcondes Oct 24, 2016
225c5c9
WIP
RaonyMarcondes Oct 26, 2016
5bc52f8
Redesign do site
RaonyMarcondes Dec 22, 2016
ba1c7b7
Novo build
RaonyMarcondes Dec 23, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
WIP
  • Loading branch information
@RaonyMarcondes
RaonyMarcondes committed Dec 5, 2016
commit 225c5c923fb0fa856a49fb16d9aa6586453850c5
322 changes: 322 additions & 0 deletions static/app/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,322 @@
<!doctype html>
<html class="no-js" lang="pt">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Coderockr - Creating Projects that Rock!</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">

<meta name="description" content="">
<meta name="keywords" content="">

<link type="text/plain" rel="author" href="humans.txt" />

<link href="images/favicon.png" rel="shortcut icon">

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

<!-- build:css styles/main.css -->
<link href="/bower_components/fotorama/fotorama.css" rel="stylesheet">
<link href="/bower_components/material-design-lite/material.css" rel="stylesheet">
<link href="/bower_components/nouislider/distribute/nouislider.css" rel="stylesheet">
<link href="styles/main.css" rel="stylesheet">
<!-- endbuild -->

<!-- build:js scripts/vendor/modernizr.js -->
<script src="/bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->
</head>
<body>
<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<div id="main-content">
<header id="header">
<div class="container">
<div class="row">
<div class="col-md-12 flex-row">
<a href="http://www.coderockr.com" class="logo">
<img src="images/coderockr.svg" alt="Coderockr Logo">
</a>

<nav>
<ul>
<li><a href="" title="O que fazemos">O Que Fazemos</a></li>
<li><a href="" title="Quem somos">Quem Somos</a></li>
<li><a href="" title="Produtos">Produtos</a></li>
<li><a href="" title="Blog">Blog</a></li>
<li><a href="" title="Contato">Contato</a></li>
</ul>
</nav>

<a class="mobile hidden-md hidden-lg menu-trigger" href="#menu-mobile">
<img src="../images/menu.svg" alt="Menu icon">
</a>
</div>
</div>
</div>
</header>

<div id="contact">
<section class="banner">
<div class="container">
<div class="row">
<!-- <h1 class="col-md-10 col-md-offset-1">
A Coderockr está pronta para dar um show!
</h1> -->
</div>
</div>
</section>

<section class="lets-talk">
<div class="container">
<div class="row">
<header class="col-md-12">
<h1 class="title">
VAMOS CONVERSAR!
<span></span>
</h1>

<p>
Adoramos trabalhar com pessoas motivadas por ideias inovadoras.
<span>Conte-nos um pouco sobre o seu projeto.</span>
</p>
</header>

<div class="about-you">
<div class="col-md-12 cross-title left">
<h2>
<span class="number">01</span>
<span class="title">SOBRE VOCÊ</span>
</h2>
</div>

<div class="col-md-6">
<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Seu Nome</label>
</div>
</div>

<div class="col-md-6">
<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Seu Email</label>
</div>
</div>

<div class="col-md-6">
<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Telefone</label>
</div>
</div>

<div class="col-md-6">
<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Empresa</label>
</div>
</div>
</div>


<div class="about-project">
<div class="col-md-12 cross-title right">
<h2>
<span class="title">SOBRE O PROJETO</span>
<span class="number">02</span>
</h2>
</div>

<div class="col-sm-6 type">
<div class="list">
<h3>O seu projeto:</h3>
<ul>
<li>
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="new-project">
<input type="radio" id="new-project" class="mdl-radio__button" name="project-type" value="new-project" checked>
<span class="mdl-radio__label">É um novo projeto</span>
</label>
</li>
<li>
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="maintenance">
<input type="radio" id="maintenance" class="mdl-radio__button" name="project-type" value="maintenance">
<span class="mdl-radio__label">Requer manutenção</span>
</label>
</li>
<li>
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="consulting">
<input type="radio" id="consulting" class="mdl-radio__button" name="project-type" value="consulting">
<span class="mdl-radio__label">Requer consultoria</span>
</label>
</li>
</ul>
</div>
</div>

<div class="col-sm-6 needs">
<div class="list">
<h3>Ele envolve:</h3>
<ul>
<li>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="web-app">
<input type="checkbox" id="web-app" class="mdl-checkbox__input" checked>
<span class="mdl-checkbox__label">Aplicações web / site</span>
</label>
</li>
<li>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="mobile-app">
<input type="checkbox" id="mobile-app" class="mdl-checkbox__input">
<span class="mdl-checkbox__label">Aplicativos mobile</span>
</label>
</li>
<li>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="others">
<input type="checkbox" id="others" class="mdl-checkbox__input">
<span class="mdl-checkbox__label">Outros</span>
</label>
</li>
</ul>
</div>
</div>

<div class="col-md-8 col-md-offset-2 deadline">
<h3 class="text-center">Deverá ser lancado em:</h3>
<div class="slider">
<label>6 meses</label>
<div class="input"><div id="slider-range"></div></div>
</div>
</div>

<div class="col-md-8 col-md-offset-2 budget">
<h3 class="text-center">E tem o orçamento entre:</h3>
<div class="slider">
<label>R$ 30 a 60 mil</label>
<div class="input"><div id="teste"></div></div>
</div>
</div>

<div class="col-md-6 col-md-offset-3 details">
<h3 class="text-center">Observações gerais:</h3>
<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Algum detalhe adicional<span class="hidden-md hidden-sm hidden-xs"> que gostaria de nos contar</span>?</label>
</div>
</div>

<div class="col-md-12 text-center">
<button class="btn" title="Saiba Mais">ENVIAR</button>
</div>
</div>
</div>
</div>
</section>
</div>

<div id="address">
<div id="map" ></div>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-6 card">
<h1 class="title">
ONDE ESTAMOS
<span></span>
</h1>
<p class="strong">Rua Henrrique Mayer, 40,</p>
<p>sala 1, centro. CEP 89201-405</p>
<p>Joinville - SC</p>

<p class="strong">Fone: +55 47 3227.6359</p>
<p class="strong">contato@coderockr.com</p>
</div>
</div>
</div>
</div>

<!-- https://maps.googleapis.com/maps/api/staticmap?key=YOUR_API_KEY&center=-26.29676780400352,-48.852933501837185&zoom=16&format=png&maptype=roadmap&style=feature:administrative%7Celement:geometry%7Cvisibility:off&style=feature:poi%7Cvisibility:off&style=feature:road%7Celement:labels.icon%7Cvisibility:off&style=feature:transit%7Cvisibility:off&size=480x360 -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlXreDCGCFsGRMWteNqmZ_Ai5qFjohDEE"
async defer></script>


<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="social">
<li><a href="https://www.facebook.com/coderockr" title="Curta a Coderockr no Facebook"><span class="icon-facebook"></span></a></li>
<li><a href="https://twitter.com/coderockr" title="Siga a Coderockr no Twitter" target="_blank"><span class="icon-twitter"></span></a></li>
<li><a href="https://www.youtube.com/user/coderockr" title="Acompahe a Coderockr no YouTube" target="_blank"><span class="icon-youtube"></span></a></li>
<li><a href="https://blog.coderockr.com/@coderockr" title="Leia sore a Coderockr no Medium" target="_blank"><span class="icon-medium"></span></a></li>
<li><a href="https://plus.google.com/+Coderockr" title="Acompahe a Coderockr no Google+" target="_blank"><span class="icon-google-plus"></span></a></li>
<li><a href="https://github.com/Coderockr" title="Acompahe a Coderockr no Github" target="_blank"><span class="icon-github"></span></a></li>
</ul>

<img src="images/hand-white.svg" alt="Coderockr Logo" title="You Rock!" class="pull-right">

<div class="text">
<p>
+55 47 3227-6359 &nbsp;&nbsp;&nbsp;
contato@coderockr.com
</p>
<p class="copyright">© 2016 Coderockr. Todos os direitos reservados. &nbsp; Joinville - SC</p>
</div>
</div>
</div>
</div>
</footer>
</div>

<div class="shadow-layer"></div>

<nav id="menu-mobile">
<div class="container">
<div class="row">
<ul>
<li><a href="#0">Home</a></li>
<li><a href="#0">O Que Fazemos</a></li>
<li><a href="#0">Quem Somos</a></li>
<li><a href="#0">Produtos</a></li>
<li><a href="#0">Blog</a></li>
<li><a href="#0">Contato</a></li>
</ul>

<a href="#0" class="close-menu">
<img src="../images/close.svg" alt="Close icon">
</a>
</div>
</div>
</nav>

<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/modernizr/modernizr.js"></script>
<script src="/bower_components/plyr/dist/plyr.js"></script>
<script src="/bower_components/plyr/src/js/plyr.js"></script>
<script src="/bower_components/fotorama/fotorama.js"></script>
<script src="/bower_components/material-design-lite/material.min.js"></script>
<script src="/bower_components/nouislider/distribute/nouislider.js"></script>
<!-- endbower -->
<!-- endbuild -->

<!-- build:js scripts/main.js -->
<script src="scripts/main.js"></script>
<script>plyr.setup();</script>
<!-- endbuild -->
</body>
</html>
1 change: 1 addition & 0 deletions static/app/images/close.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions static/app/images/menu.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/app/images/mic.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions static/app/images/pin.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading