HackMD - Collaborative Markdown Knowledge Base

**faixa1** ```htmlembedded= <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale-1.0" /> <meta http-equiv="X-UA-Compatible" content="ie-edge" /> <link rel="stylesheet" href="../home/comum/comum.css" /> <link rel="stylesheet" href="index.css" /> <title>Home - MoonChain Capital</title> <body> <div class="container-site"> <div class="faixa-1"> <div class="f1-cabecalho"> <div class="f1-logo"> <img src="../../assets//imagens/logo1.webp" /> <div><b>Moonchain Capital</b></div> </div> <div class="f1-menu"> <div class="f1-menu-item">Home</div> <div class="f1-menu-item">Services</div> <div class="f1-menu-item">FAQ</div> <div class="f1-menu-item">Contact</div> <div class="f1-menu-item">Subscribe</div> <div class="f1-menu-item"> <img src="../../assets/imagens/Facebook.webp" alt="" /> </div> <div class="f1-menu-item"> <img src="../../assets/imagens/Twitter.webp" alt="" /> </div> <div class="f1-menu-item"> <img src="../../assets/imagens/LinkedIn.webp" alt="" /> </div> </div> </div> <div class="f1-conteudo"> <div class="f1-conteudo-textos"> <div class="f1-conteudo-titulo"> Cryptocurrency Consulting Services </div> <div class="f1-conteudo-descricao"> <p> I'm a paragraph. Click here to add your own text and edit<br /> me. Let your users get to know you.<br /><br /><br /> </p> </div> <div class="f1-conteudo-botao"> <a href="#">See Our Services</a> </div> </div> <div class="f1-conteudo-imagem"> <img src="../../assets/imagens/logo2.webp" alt="" /> </div> </div> </div> </div> </div> </body> </head> </html> ``` **css faixa1** ```css= .f1-logo img { margin-right: 15px; height: 70px; widows: auto; } .f1-logo div { font: 20px font1; } .f1-menu { display: flex; flex-direction: row; align-items: center; }.container-site { display: flex; flex-direction: column; font-size: 14px; font-family: font1; } .faixa-1 { display: flex; flex-direction: column; padding: 20px 40px 150px 50px; } .f1-cabecalho { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .f1-logo { display: flex; flex-direction: row; align-items: center; font-weight: bol } .f1-menu-item { padding: 5px; font-size: 14px; } .f1-conteudo { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-left: 140px; } .f1-conteudo-textos { display: flex; flex-direction: column; width: 550px; } .f1-conteudo-titulo { display: flex; flex-direction: column; font: 50px font4; color: #842ae3; line-height: 60px; align-items: center; font-weight: bold; } .f1-conteudo.descricao { margin: 50px 0px 40px 0px; display: flex; flex-direction: column; font: 18px font2; line-height: 30px; } .f1-conteudo-botao a { color: #ffff; background-color: #842ae3; border-radius: 25px; padding: 9px 9px; align-items: center; line-height: 50px; } a, a:link, a:visited { text-decoration: none; } .f1.conteudo-imagem img { height: 740px; width: auto; } .body { background-color: #27f5ec; } .faixa3 { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #27f5ec; padding: 130px; margin-top: 50px; font-size: 13px; } .f3-conteudo { display: flex; flex-direction: column; align-items: center; justify-content: center; } .f3-conteudo-imagens { padding-bottom: 50px; } .f4-descricao2 { padding: 10px; } ``` **faixa2** nao consegui fazer o css dessa ```htmlembedded= <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale-1.0" /> <meta http-equiv="X-UA-Compatible" content="ie-edge" /> <title>Home - MoonChain Capital</title> <link rel="stylesheet" href="../home/comum/comum.css" /> <link rel="stylesheet" href="index.css" /> <body> <div class="faixa-2"> <div class="f2-cabecalho">Our Services</div> <div class="f2-conteudo"> <div class="f2-linha1"> <div class="f2-imagem1"> <img src="../../assets/imagens/faixa2/coin acquisicion.webp"</div> <div class="f2-imagem2"> <div class="f2-titulo1">Currency Mining</div> <div class="descricao1">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</div> </div> <img src="../../assets/imagens/faixa2/currency mining.webp" /> </div> <div class="f2-imagem2"> <img src="../../assets/imagens/faixa2/currency mining.webp" /> </div> <div class="f2-titulo1">Currency Mining</div> <div class="descricao1">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</div> </div> <div class="descricao2">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</div> </div> <div class="f2-imagem3"> <img src="../../assets/imagens/faixa2/currency mining.webp" /> </div> </tr> <div class="f2-titulo3">TEste de Alinhamento</div> <div class="descricao3">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</div> </div> </div> <div class="f2-coluna2"> <div class="f2-imagem4"> <img src="../../assets/imagens/faixa2/coin acquisicion.webp" /> </div> <div class="f2-titulo4">coin-acquisicion</div> <div class="f2-imagem5"> <img src="../../assets/imagens/faixa2/currency mining.webp" /> </div> <div class="f2-titulo5">Currency Mining</div> <div class="f2-imagem6"> <img src="../../assets/imagens/faixa2/currency mining.webp" /> </div> <div class="f2-titulo6">TEste de Alinhamento</div> <div class="descricao6">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</div> </div> </div> </div> </div> </body> </head> </html> ``` ```css= .faixa2 { display: flex; flex-direction: column; font-size: 14px; color: gray; } .f2-cabecalho { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #842ae3; padding: 100px; } .f2-conteudo { display: flex; flex-direction: column; justify-content: center; align-items: center; } .f2-coluna1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .f2-coluna2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } ``` **faixa3** ```htmlembedded= <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale-1.0" /> <meta http-equiv="X-UA-Compatible" content="ie-edge" /> <title>Home - MoonChain Capital</title> <link rel="stylesheet" href="../home/comum/comum.css" /> <link rel="stylesheet" href="index.css" /> <body> <div class="faixa3"> <table> <tr> <div class="f3-cabecalho"> <div>About MoonChain</div> </tr> <tr> <div class="subtitulo"> Strategic Crypto Consultants Since 2015</div> </tr> <tr> <div><p> I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content<br> and make changes to the font. I’m a great place for you to tell a story and let your users know a little more about you. </div> </tr> <div class="f3-conteudo"> <tr> <td> <div class="f3-conteudo-imagens"> <img src="../../assets/imagens/faixa3/pessoa1.webp" /> </div> </td> <td> <div class="f3-conteudo-imagens"> <img src="../../assets/imagens/faixa3/pessoa2.webp" /> </div> </td> <td> <div class="f3-conteudo-imagens"> <img src="../../assets/imagens/faixa3/pessoa3.webp" /> </div> </td> </tr> </table> <table> <div class="f3-conteudo-textos"> <div class="f2-conteudo-titulo"> <div class="f3-titulo1">Jordan Foster</div> <div class="f3-titulo2">Jesse Dunn</div> <div class="f3-titulo3">Calvin Wang</div> <div class="f3-descricao"> <div class="f3-descricao1"> <p>I'm a paragraph. Click here to add your own text and edit me.<br /> I’m a great place for you to tell a story<br /> and let your users know a little more about you.<br /> </div> <div class="f3-descricao2"> <p>I'm a paragraph. Click here to add your own text and edit me.<br /> I’m a great place for you to tell a story<br /> and let your users know a little more about you.<br /> </div> <div class="f3-descricao3"> <p>I'm a paragraph. Click here to add your own text and edit me.<br /> I’m a great place for you to tell a story<br /> and let your users know a little more about you.<br /> </table> </div> </div> </div> </div> </div> </div> </div> </body> </head> </html> ``` ```css= .f3-cabecalho { display: flex; flex: column; justify-content: center; align-items: center; color: #842ae3; font: 40px font1; } .f3-descricao1 { display: flex; flex: row; align-items: center; justify-content: center; font: 15px font1; } .f3-descricao2 { display: flex; flex-direction: row; align-items: right; justify-content: right; } .f3-descricao3 { display: flex; flex-direction: row; align-items: left; } .f3-titulo1 { display: flex; flex-direction: row; justify-content: left; align-items: left; color: #842ae3; } .f3-titulo2 { display: flex; flex-direction: row; justify-content: center; align-items: center; color: #842ae3; } .f3-titulo3 { display: flex; flex-direction: row; color: #842ae3; } .f3-conteudo-imagens { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 5px 5px 50px; } .subtitulo { display: flex; flex-direction: column; justify-content: center; align-items: center; } ``` **faixa4** ```htmlembedded= <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale-1.0" /> <meta http-equiv="X-UA-Compatible" content="ie-edge" /> <title>Home - MoonChain Capital</title> <link rel="stylesheet" href="../home/comum/comum.css" /> <link rel="stylesheet" href="index.css"/> <body> <div class="faixa3"> <div class="f3-conteudo"> <div class="f3-conteudo-imagens"> <img src="../../assets/imagens/faixa4/f4 aspas.webp"></div> <div class="f4-descricao1"> <p> “I'm a testimonial. Click to edit me and add text that says something nice about you and your services. Let your customers<br> </div> <div class="f4-descricao2"> review you and tell their friends how great yoservices. Let your customers u are.” </div> <div class="f3-titulo1">Rodger Horrell | CPT</div> </div> </body> </head> </html> ``` ```css= .body { background-color: #27f5ec; } .faixa4 { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #27f5ec; padding: 130px; margin-top: 50px; font-size: 13px; } .f4-conteudo { display: flex; flex-direction: column; align-items: center; justify-content: center; } .f4-conteudo-imagens { padding-bottom: 50px; } .f4-descricao2 { padding: 10px; } ``` **faixa5** ```htmlembedded= <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale-1.0" /> <meta http-equiv="X-UA-Compatible" content="ie-edge" /> <title>Home - MoonChain Capital</title> <link rel="stylesheet" href="../home/comum/comum.css" /> <link rel="stylesheet" href="index.css" /> <body> <div class="faixa5"> <div class="f5-cabecalho">FAQ</div> <div class="f5-conteudo"> <div class="f5-titulos"> <div class="f5-descricao"> <div class="f5-titulo1">How do I buy cryptocurrency in my country?</div> <div class="descricao1">I'm a paragraph. Click here to add <br> your own text and edit me. I’m a great place for you to tell a story and let your users know a little <br> more about you.</div> </div> <div class="f5-titulo2">Do I have to pay taxes on any profits I make from Bitcoin?</div> <div class="descricao2">I'm a paragraph. Click here to add <br> your own text and edit me. I’m a great place for you to tell a story and let your users know a little <br> more about you.</div> <div class="f5-titulo3">Is it possible to create my own cryptocurrency?</div> <div class="descricao3">I'm a paragraph. Click here to add <br> your own text and edit me. I’m a great place for you to tell a story and let your users know a little <br> more about you.</div> </div> </div> </body> </head> </html> ``` ```css= .f5-cabecalho { display: flex; flex-direction: row; justify-content: center; align-items: center; font: 20px font2; color: #842ae3; } .f5-titulo { display: flex; flex-direction: column; color: #842ae3; font: 20px font1; } .f5-descricao { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; } ``` **faixa6 e 7** nao concluido