---
# System prepended metadata

title: Untitled

---

**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 