-
Notifications
You must be signed in to change notification settings - Fork 34
Desafio-1 #13
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.
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
base: master
Are you sure you want to change the base?
Desafio-1 #13
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
| @@ -0,0 +1,102 @@ | ||||||
| <!DOCTYPE html> | ||||||
| <html lang="pt"> | ||||||
| <head> | ||||||
| <meta charset="utf-8"> | ||||||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
| <link rel="stylesheet" href=""><script src=""></script> | ||||||
| <title>Womakerscode</title> | ||||||
| </head> | ||||||
|
|
||||||
| <body> | ||||||
| <img src="images/logo.png" alt="Logo Womakers Code" width="100px"> | ||||||
| <ul> | ||||||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Isso é um menu, não apenas uma lista, então sua tag nav com links para as respectivas seções do site. |
||||||
| <li>Home</li> | ||||||
| <li>Serviços</li> | ||||||
| <li>Portfolio</li> | ||||||
| <li>Sobre Mim</li> | ||||||
| <li>Contato</li> | ||||||
| </ul> | ||||||
|
|
||||||
| <div class="welcome"> | ||||||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. É mais semântico usar a tag section para demarcar as seções https://www.w3schools.com/tags/tag_section.asp
Suggested change
|
||||||
| <h1>Bem vind@</h1> | ||||||
| <h2>Curabitur Iaculis</h2> | ||||||
| <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat ultricies facilisis. Quisque varius tortor eget lacus tincidunt cursus. </h5> | ||||||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. É uma boa prática respeitar a hierarquia dos Headings h1, h2, h3..., não usar só por causa do tamanho da fonte, pois isso depois será mudado na aplicação de estilos |
||||||
| <img src="images/slider01.png" id="slider01"> | ||||||
| </div> | ||||||
|
|
||||||
| <div class="servicos"> | ||||||
| <h3>Serviços</h3> | ||||||
| <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4> | ||||||
| <div class="serv"> | ||||||
| <img src="images/Service1.png"> | ||||||
| <h4>Websites</h4> | ||||||
| <h5>Curabitur bibendum ligula at velit lacinia pretium. Pellentesque lorem.</h5> | ||||||
| </div> | ||||||
| <div class="serv"> | ||||||
| <img src="images/Service2.png"> | ||||||
| <h4>Templates</h4> | ||||||
| <h5>Suspendisse scelerisque iaculis euismod. Nulla facilisi. Duis turpis.</h5> | ||||||
| </div> | ||||||
| <div class="serv"> | ||||||
| <img src="images/Service3.png"> | ||||||
| <h4>Temas WordPress</h4> | ||||||
| <h5>Nulla id ultrices odio. Nulla imperdiet felis diam, id.</h5> | ||||||
| </div> | ||||||
| </div> | ||||||
|
|
||||||
| <div class="meus-trabalhos"> | ||||||
| <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4> | ||||||
| <ul> | ||||||
| <li>Tudo</li> | ||||||
| <li>Website</li> | ||||||
| <li>Template</li> | ||||||
| <li>Tema</li> | ||||||
| </ul> | ||||||
| <figure> | ||||||
| <img src="images/Portfolio01.png"> | ||||||
| <figcaption>Thumbnail label | ||||||
| <span>Thumbnail caption</span> | ||||||
| </figcaption> | ||||||
| </figure> | ||||||
| <figure> | ||||||
| <img src="images/Portfolio02.png"> | ||||||
| <figcaption>Thumbnail label | ||||||
| <span>Thumbnail caption</span> | ||||||
| </figcaption> | ||||||
| </figure> | ||||||
| <figure> | ||||||
| <img src="images/Portfolio03.png"> | ||||||
| <figcaption>Thumbnail label | ||||||
| <span>Thumbnail caption</span> | ||||||
| </figcaption> | ||||||
| </figure> | ||||||
|
|
||||||
|
|
||||||
| </div> | ||||||
| <div class="quem-eu"> | ||||||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Seria legal já customizar os textos, foto, contatos e redes sociais com suas informações, afinal esse será seu portfólio. |
||||||
| <h3>Quem sou eu</h3> | ||||||
| <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4> | ||||||
| <figure> | ||||||
| <img src="images/photo.png"> | ||||||
| <figcaption>Joana D'arc</figcaption> | ||||||
| </figure> | ||||||
| <h4>Sobre mim</h4> | ||||||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat ultricies facilisis. Quisque varius tortor eget lacus tincidunt cursus. Sed et ante vel lorem venenatis bibendum. In feugiat orci ut orci cursus, nec tempor ipsum fermentum. Suspendisse elementum quam ut ullamcorper volutpat. Praesent ut malesuada turpis. Sed orci dolor, mollis congue tellus a, molestie venenatis mi. Curabitur vel elit libero. </p> | ||||||
|
|
||||||
| <h4>Habilidade</h4> | ||||||
| <p>JavaScript</p> | ||||||
| <p>Html & Css</p> | ||||||
| <p>jQuery</p> | ||||||
| <p>Wordpress</p> | ||||||
| </div> | ||||||
|
|
||||||
| <div class="contato"> | ||||||
| <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4> | ||||||
| <p id="mail">[email protected]</p> | ||||||
| <p id="phone">+55 21 987654-321</p> | ||||||
| <p>Mídias</p> | ||||||
| </div> | ||||||
| <footer>Women + Tech = </strong> </footer> | ||||||
| </body> | ||||||
| </html> | ||||||
|
|
||||||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Coloca o favicon (icon.ico)