diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..2ff0369
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,181 @@
+.bemvindo {
+ height: 500px;
+ width: 1250px;
+}
+
+body {
+ background: #000;
+}
+
+button {
+ background: #FFA500;
+ border: 1px solid #000;
+ color: #000;
+ padding: 5px 20px 5px 20px;
+}
+
+button:hover {
+ background: #000;
+ color: #fff;
+}
+
+.container {
+ display: flex;
+ margin: 0 auto;
+}
+
+#contato {
+ background: #FFA500;
+ padding: 50px;
+ text-align: center;
+}
+
+.fab {
+ color: #000;
+ background: yellow;
+ border-radius: 50%;
+ padding: 10px;
+ margin: 5px;
+}
+
+figcaption {
+ color: #ffa500;
+}
+
+.fundo-slide {
+ width: 100%;
+ height: 400px;
+}
+
+h2 {
+ color: #e6197f;
+ text-align: center;
+}
+
+h3 {
+ color: #FFA500;
+ text-align: center;
+}
+
+h4 {
+ color: #000;
+}
+
+h5 {
+ color: #ffa500;
+}
+
+.img-portifolio {
+ width: 250px;
+}
+
+.img-servicos {
+ border: 2px solid;
+ border-radius: 50%;
+ color: #fff;
+ width: 150px;
+}
+
+.img-slide {
+ position: absolute;
+ top: 70px;
+ left: 850px;
+ width: 280px;
+ height: 250px;
+}
+
+.item-portifolio {
+ margin: 20px;
+ background: #000;
+ text-align: center;
+}
+
+.item-servicos {
+ margin: 50px;
+ background: #000;
+ text-align: center;
+}
+
+.menu ul {
+ width: 100%;
+ height: auto;
+ padding: 10px;
+ margin: 0;
+ background-color: #000;
+ list-style: none;
+ }
+
+.menu ul li {
+ display: inline-block; /* os itens do menu lado a lado */
+ }
+
+.menu ul li a {
+ color: #fff;
+ font-size: 14px;
+ text-decoration: none;
+ position: relative; /* O position relative posiciona o elemento em relação a si mesmo. Ou seja, o ponto zero será o canto superior esquerdo, e ele começará a contar a partir dali.*/
+ top: -30px;
+ margin: 10px;
+ padding: 10px;
+ }
+
+.menu ul li a:hover {
+ border: 1px yellow solid;
+ }
+
+.menu-logo {
+ width: auto;
+ height: 50px;
+ margin-left: 50px;
+ margin-right: 350px;
+ }
+
+p {
+ color: #fff;
+ text-align: center;
+}
+
+#portifolio {
+ background: #FFA500;
+ height: 500px;
+ padding: 50px;
+}
+
+.progress {
+ height: 30px;
+ width: 500px;
+ background: #fff;
+ padding: 1px;
+ margin: 20px;
+ }
+
+.progress-bar {
+ color: #fff;
+ height: 30px;
+ text-align: left;
+ width: 300px;
+ background: #a24168;
+}
+
+.slide {
+ position: relative;
+ width: 100%;
+ top: 0;
+ left: 0;
+}
+
+#sobre {
+ text-align: center;
+ height: 1150px;
+}
+
+.sobre-img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.sobre-nome {
+ color: #FFA500;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c31d6b1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,175 @@
+
+
+
+
+ Front-End Study 2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Serviços
+ Abaixo os serviços que realizamos.
+
+
+
+
+
+
Websites
+
Desenvolvimento de Websites para divulgação do seu produto ou negócio.
+
+
+
+
+
Templates
+
Desenvolvimento de Templates de acordo com a sua necessidade.
+
+
+
+
+
Temas Wordpress
+
Temas wordPress e ferramentas similares.
+
+
+
+
+
+
+ Meus trabalhos
+ Abaixo alguns dos trabalhos ja realizados.
+ Tudo
+ Website
+ Template
+ Tema
+
+
+
+
+
+ Exemplo de site 1
+ Descrição do site 1
+
+
+
+
+
+
+
+ Exemplo de site 2
+ Descrição do site 2
+
+
+
+
+
+
+
+ Exemplo de site 3
+ Descrição do site 3
+
+
+
+
+
+
+
+
+ Quem sou eu
+ Descrição de quem sou eu.
+
+
+
+ Amanda Dantas
+
+
+
+
+
+
+
+
+
+
+
+
+ Sobre Mim
+ Formada em Ciência da Computação em 2012 na Universidade Veiga de Almeida.
+ Atualmente trabalhando com desenvolvimento de relatórios gerenciais para os sistemas VS
+ programando em Xbase e elaborando queries SQL (SQL Server, Oracle, MySQL).
+ Uso da ferramenta iReport para a criação de layouts de relatórios.
+
+ Habilidades
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Women + Tech = </strong>
+
+
+
+
+
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+