Skip to content

[Mariana Ruddy] Desafio 2 #18

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

Open
marianaruddy wants to merge 49 commits into
base: master
Choose a base branch
from
Open

[Mariana Ruddy] Desafio 2 #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
49 commits
Select commit Hold shift + click to select a range
5a1249d
primeiro commit
marianaruddy Dec 19, 2018
2e814ee
hello world
marianaruddy Dec 19, 2018
9301a52
header da pagina
marianaruddy Dec 19, 2018
3ed80ae
continuando secao de bem vinda
marianaruddy Dec 19, 2018
235cb7f
secao de servicos
marianaruddy Dec 20, 2018
ae083b3
secoes 'meus trabalhos' e 'quem sou eu'
marianaruddy Dec 20, 2018
12b582f
secao 'contato'
marianaruddy Dec 20, 2018
8325510
detalhes da pagina que faltaram
marianaruddy Dec 20, 2018
26261ac
agrupando classes melhor
marianaruddy Dec 20, 2018
5b359ae
tracando tag div por tag footer
marianaruddy Dec 20, 2018
e251d67
adicinando aquivo todo
marianaruddy Dec 20, 2018
ec88617
todo done
marianaruddy Dec 20, 2018
f8a5e7c
refc: trocando algumas divs por section e nav
marianaruddy Dec 20, 2018
a76dfbe
criando arquivo css e linkando com arquivo html
marianaruddy Dec 23, 2018
fd221d7
criando arquivo css
marianaruddy Dec 23, 2018
e326042
refac: add class na imagem
marianaruddy Dec 23, 2018
00d63de
add css na branch desafio2
marianaruddy Dec 27, 2018
8fa7059
bug: cosnertando tags sem fechar e typo
marianaruddy Dec 27, 2018
357b0e3
bug: consertanto algumas classes
marianaruddy Dec 27, 2018
6248fe2
bug: consertando nome de classes
marianaruddy Dec 27, 2018
76ad72d
ajustando tamahos de wraps
marianaruddy Dec 29, 2018
ea6bd05
mudando cor de titulo
marianaruddy Dec 29, 2018
97e4476
ajustando tamanho de texto
marianaruddy Dec 29, 2018
8336bf1
setando tamanho de h1 e h2
marianaruddy Dec 29, 2018
30291f2
css basico da secao de contato
marianaruddy Dec 29, 2018
0f29d9d
alinhamento
marianaruddy Dec 29, 2018
873a574
adicionando cor de texto amarela
marianaruddy Dec 29, 2018
c2d306e
colocando cor nos titulos
marianaruddy Dec 29, 2018
48810aa
envolvendo os dados em uma div
marianaruddy Dec 29, 2018
6d09b68
colocando imagem no background welcome
marianaruddy Jan 3, 2019
1faa7fa
comecando habilidades
marianaruddy Jan 3, 2019
f396222
fazendo backgroud ficar rosa
marianaruddy Jan 7, 2019
94cfa87
ajeitando padding nos subtitles
marianaruddy Jan 7, 2019
97a432a
css na secao meus trabalhos
marianaruddy Jan 7, 2019
8e5d4a4
teste
marianaruddy Jan 8, 2019
3c98d2e
desfazendo teste
marianaruddy Jan 8, 2019
d81a317
css no meus trabalhos
marianaruddy Jan 8, 2019
8f945fd
tirando max-witdh no body
marianaruddy Jan 8, 2019
004b91c
comecando a fazer porcentagem de habilidades
marianaruddy Jan 9, 2019
73f20f4
refac: organizando css
marianaruddy Jan 10, 2019
5b40369
feat: fazendo habilidades
marianaruddy Jan 10, 2019
1ea4113
feat: adicionando fontawsome e melhorando organizacao do html
marianaruddy Jan 17, 2019
9998c18
grupo de estudos: ajustando margens, paddings,...
marianaruddy Jan 18, 2019
9199b9c
ajeitando css, colocando hover...
marianaruddy Jan 21, 2019
23e10de
fix: resolvendo o probelma do hover andando
marianaruddy Jan 21, 2019
51bf980
fix: tirando comando inutil
marianaruddy Jan 21, 2019
7921ff3
fix: ajeitando icones e margens
marianaruddy Jan 24, 2019
57f5901
fix: ajeitando widths
marianaruddy Jan 25, 2019
e32f72e
refac: removendo comentarios
marianaruddy Jan 30, 2019
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
179 changes: 179 additions & 0 deletions meudesafio/page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="pt-br">

<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<title>WoMakersCode</title>
</head>

<body>
<section class="body-wrapper">
<header class="page-header">
<a href=""><img class="logo-header" src="../images/logo.png" alt="logo" /></a>
<nav class="menu-itens">
<a class="menu-item" href=""><span>Home</span></a>
<a class="menu-item" href=""><span>Serviços</span></a>
<a class="menu-item" href=""><span>Sobre mim</span></a>
<a class="menu-item" href=""><span>Meus trabalhos</span></a>
<a class="menu-item" href=""><span>Contato</span></a>
</nav>
</header>
<div class="transition"></div>
<section class="welcome-wrapper">
<div class="carousel">
<div class="carousel-welcome">
<div class="left-welcome">
<h1 class="welcome-title">Bem vind@</h1>
<h2 class="welcome-subtitle">Nam ac fermentum</h2>
<span class="text white">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus vitae ullamcorper est. Vestibulum congue dolor et
ullamcorper feugiat. Nam</span>
</div>
<div class="right-welcome">
<img src="../images/slider01.png" alt="logo" class="logo"/>
</div>
</div>
<div class="carousel-hide1" style="display: none">
segunda pagina do carrossel
</div>
<div class="carousel-hide2" style="display: none">
terceira pagina do carrossel
</div>
</div>
</section>
<section class="content-wrapper services-wrapper">
<h1 class="section-title pink">Serviços</h1>
<span class="subtitle text orange">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
vitae ullamcorper est.</span>
<div class="services">
<div class="service">
<img class="service-img" src="../images/Service1.png" alt="website" />
<h2 class="service-title orange">Website</h2>
<span class="text white">In aliquet vitae dui vitae efficitur. Donec non convallis enim.
</span>
</div>
<div class="service">
<img class="service-img" src="../images/Service2.png" alt="templates" />
<h2 class="service-title orange">Templates</h2>
<span class="text white">Aenean posuere magna vitae libero malesuada, dictum congue.
</span>
</div>
<div class="service">
<img class="service-img" src="../images/Service3.png" alt="temas-wordpress" />
<h2 class="service-title orange">Temas Wordpress</h2>
<span class="text white">In hac habitasse platea dictumst. Morbi nunc neque, vestibulum
utlaoreet in.
</span>
</div>
</div>
</section>
<div class="transition"></div>
<section class="content-wrapper my-works-wrapper">
<h1 class="section-title pink">Meus Trabalhos</h1>
<span class="subtitle text black">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
vitae ullamcorper est.</span>
<nav class="works-menu">
<a href=""></a><span class="works-menu-item"> Tudo </span></a>
<a href=""></a><span class="works-menu-item"> Website </span></a>
<a href=""></a><span class="works-menu-item"> Templates </span></a>
<a href=""></a><span class="works-menu-item"> Tema </span></a>
</nav>
<div class="works-thumbnail">
<div class="thumbnail">
<img class="thumbnail-photo" src="../images/Portfolio01.png" alt="" />
<div class="thumbnail-description">
<div class="thumbnail-title yellow">Thumbnail label</div>
<div class="thumbnail-text white">Thumbnail caption...</div>
</div>
</div>
<div class="thumbnail">
<img class="thumbnail-photo" src="../images/Portfolio02.png" alt="" />
<div class="thumbnail-description">
<div class="thumbnail-title yellow">Thumbnail label</div>
<div class="thumbnail-text white">Thumbnail caption...</div>
</div>
</div>
<div class="thumbnail">
<img class="thumbnail-photo" src="../images/Portfolio03.png" alt="" />
<div class="thumbnail-description">
<div class="thumbnail-title yellow">Thumbnail label</div>
<div class="thumbnail-text white">Thumbnail caption...</div>
</div>
</div>
</div>
</section>
<div class="transition"></div>
<section class="content-wrapper who-am-i-wrapper">
<h1 class="section-title pink">Quem sou eu</h1>
<span class="subtitle text orange">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
vitae ullamcorper est.</span>
<img src="../images/photo.png" alt="foto mulher" />
<span class="photo-subtitle orange">Joana D'arc</span>
<div class="social-media yellow">
<div class=" circle-icon black">
<i class="fab fa-facebook-f"></i>
</div>
<div class=" circle-icon black">
<i class="fab fa-linkedin-in"></i>
</div>
<div class=" circle-icon black">
<i class="fab fa-twitter"></i>
</div>
</div>
<span class="about-me-text"></span>
<h2 class="about-me-title orange">Sobre mim</h2>
<div class="text white">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
vitae ullamcorper est. Vestibulum congue dolor et ullamcorper feugiat.
In hac habitasse platea dictumst. Morbi nunc neque, vestibulum ut
laoreet in, imperdiet rhoncus justo. Nam vel ipsum ut odio rhoncus
molestie. Aenean posuere magna vitae libero malesuada, dictum interdum
augue congue. Proin convallis convallis arcu a tempor.
</div>
<div class="habilities-wrapper">
<h2 class="skills orange">Habilidades</h2>
<div class="skill">
<div class="empty"></div><span class="white"></span>
<div class="fill js"><span class="white">JavaScript</span></div>
</div>
<div class="skill">
<div class="empty"></div>
<div class="fill htmlcss"><span class="white">Hmtl & Css</span></div>
</div>
<div class="skill">
<div class="empty"></div>
<div class="fill jquery"><span class="white">jQuery</span></div>
</div>
<div class="skill">
<div class="empty"></div>
<div class="fill wordpress"><span class="white">Wordpress</span></div>
</div>

</div>
</section>
<section class="content-wrapper contact-wrapper">
<h1 class="section-title pink">Contato</h1>
<span class="subtitle text black">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
vitae ullamcorper est.</span>
<div class="contact-data">
<span class="email">[email protected]</span>
<span class="telefone white">+55 21 997115009</span>
</div>
<h3 class="midia-title">Midias</h3>
<div class="social-media">
<div class=" circle-icon orange">
<i class="fab fa-facebook-f"></i>
</div>
<div class=" circle-icon orange">
<i class="fab fa-linkedin-in"></i>
</div>
<div class=" circle-icon orange">
<i class="fab fa-twitter"></i>
</div>
<i class="fab fa-pinterest"></i>
<i class="fab fa-google-plus"></i>
</div>
</section>
<footer><span class="white">Woman + Tech = < /strong> </span> </footer> </section> </body> </html>
Loading