diff --git a/index.html b/index.html
index 968bde27f..27ccd22c2 100644
--- a/index.html
+++ b/index.html
@@ -1,186 +1,12 @@
 <!DOCTYPE html>
-<html lang="pt-br">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Gastos DF</title>
-    <link rel="stylesheet" href="/web/css/style.css" />
-    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" />
-	<link rel="icon" href="/web/imagens/favicon.png" type="image/x-icon">
-  </head>
-  <body>
-    <div class="main">
-      <!-- Navbar -->
-      <div class="navbar">
-        <div class="menu">
-          <ul>
-            <img id="logo_gastos" src="/web/imagens/favicon.png" />
-            <li>
-              <a href="index.html"><h2 id="botao1">Início</h2></a>
-            </li>
-            <li>
-              <a href=""><h2 id="botao1">Sobre nós</h2></a>
-            </li>
-            <li>
-              <a href=""><h2 id="botao1">Sobre o projeto</h2></a>
-            </li>
-          </ul>
-        </div>
-      </div>
-
-      <!-- Logo -->
-      <div class="logo_container">
-        <img src="/web/imagens/simbolo.png" alt="Logo do gastos DF" />
-      </div>
-
-      <!-- Content -->
-      <div class="content">
-        <h1>Sobre o Gastos DF</h1>
-        <p>
-			Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt neque
-			expedita atque eveniet quis nesciunt. Quos nulla vero consequuntur,
-			fugit nemo ad delectus a quae totam ipsa illum minus laudantium? Lorem
-			ipsum dolor sit amet consectetur adipisicing elit.
-        </p>
-      </div>
-      <br />
-      <br />
-      <br />
-      <br />
-
-	  <div class="container_checadores">
-	
-	<!-- Aqui é o seletor do tipo de checkbox, ele suporta mais de uma marcação
-
-		<div class="control-group">
-		  <h1>Checkboxes</h1>
-		  <label class="control control--checkbox">First checkbox
-			<input type="checkbox" checked="checked"/>
-			<div class="control__indicator"></div>
-		  </label>
-		  <label class="control control--checkbox">Second checkbox
-			<input type="checkbox"/>
-			<div class="control__indicator"></div>
-		  </label>
-		  <label class="control control--checkbox">Disabled
-			<input type="checkbox" disabled="disabled"/>
-			<div class="control__indicator"></div>
-		  </label>
-		  <label class="control control--checkbox">Disabled & checked
-			<input type="checkbox" disabled="disabled" checked="checked"/>
-			<div class="control__indicator"></div>
-		  </label>
-		</div>
-	-->
-
-	<!-- Esse é um radio checker, ele aceita só uma das opções marcadas
-		<div class="control-group">
-		  <h1>Radio buttons</h1>
-		  <label class="control control--radio">First radio
-			<input type="radio" name="radio" checked="checked"/>
-			<div class="control__indicator"></div>
-		  </label>
-		  <label class="control control--radio">Second radio
-			<input type="radio" name="radio"/>
-			<div class="control__indicator"></div>
-		  </label>
-		  <label class="control control--radio">Disabled
-			<input type="radio" name="radio2" disabled="disabled"/>
-			<div class="control__indicator"></div>
-		  </label>
-		  <label class="control control--radio">Disabled & checked
-			<input type="radio" name="radio2" disabled="disabled" checked="checked"/>
-			<div class="control__indicator"></div>
-		  </label>
-		</div>
-	-->
-
-	<!-- Aqui são select box, elas permitem o usuário escolher 1 dentre várias opções, essa opção é a melhor nesse projeto-->
-		<div class="control-group">
-		  <h1>Escolha sua região:</h1>
-		  <div class="select">
-			<select>
-			  <option>First select</option>
-			  <option>Option</option>
-			  <option>Option</option>
-			</select>
-			<div class="select__arrow"></div>
-		  </div>
-
-		  <div class="select">
-			<select>
-			  <option>Second select</option>
-			  <option>Option</option>
-			  <option>Option</option>
-			</select>
-			<div class="select__arrow"></div>
-		  </div>
-		  
-		  <div class="select">
-			<select disabled="disabled">
-			  <option>Disabled</option>
-			  <option>Option</option>
-			  <option>Option</option>
-			</select>
-			<div class="select__arrow"></div>
-		  </div>
-		</div>
-
-		<div class="control-group">
-			<h1>Escolha a secretária:</h1>
-			<div class="select">
-			  <select>
-				<option>First select</option>
-				<option>Option</option>
-				<option>Option</option>
-			  </select>
-			  <div class="select__arrow"></div>
-			</div>
-  
-			<div class="select">
-			  <select>
-				<option>Second select</option>
-				<option>Option</option>
-				<option>Option</option>
-			  </select>
-			  <div class="select__arrow"></div>
-			</div>
-			
-			<div class="select">
-			  <select disabled="disabled">
-				<option>Disabled</option>
-				<option>Option</option>
-				<option>Option</option>
-			  </select>
-			  <div class="select__arrow"></div>
-			</div>
-		  </div>
-		</div>
-  
-	  </div>
-	  
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-
-      <!-- Footer -->
-      <footer class="footer">
-        <div class="footer__container">
-          <h2 class="footer__title">Gastos Df</h2>
-          <p class="footer__description"> <!-- Colocar aqui uma descrição maneira sobre o site --></p>
-          <div class="footer__social">
-            <a href="#" class="footer__link"><i class="bx bxl-linkedin"></i></a>
-            <a href="#" class="footer__link"><i class="bx bxl-github"></i></a>
-            <a href="#" class="footer__link"><i class="bx bxl-codepen"></i></a>
-          </div>
-          <p class="footer__copy">
-            &#169; 2024 Gastos DF. Todos os direitos reservados
-          </p>
-        </div>
-      </footer>
-
-  </body>
-</html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <meta http-equiv="refresh" content="0;url=web/index.html">
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 000000000..ee122fc32
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Gastos DF</title>
+    <link rel="stylesheet" href="web/css/style.css" />
+    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" />
+	<link rel="icon" href="./web/imagens/favicon.png" type="image/x-icon">
+  </head>
+  <body>
+    <div class="main">
+      <!-- Navbar -->
+      <div class="navbar">
+        <div class="menu">
+          <ul>
+            <img id="logo_gastos" src="./web/imagens/favicon.png" />
+            <li>
+              <a href="index.html"><h2 id="botao1">Início</h2></a>
+            </li>
+            <li>
+              <a href=""><h2 id="botao1">Sobre nós</h2></a>
+            </li>
+            <li>
+              <a href=""><h2 id="botao1">Sobre o projeto</h2></a>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <!-- Logo -->
+      <div class="logo_container">
+        <img src="./web/imagens/simbolo.png" alt="Logo do gastos DF" />
+      </div>
+
+      <!-- Content -->
+      <div class="content">
+        <h1>Sobre o Gastos DF</h1>
+        <p>
+			Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt neque
+			expedita atque eveniet quis nesciunt. Quos nulla vero consequuntur,
+			fugit nemo ad delectus a quae totam ipsa illum minus laudantium? Lorem
+			ipsum dolor sit amet consectetur adipisicing elit.
+        </p>
+      </div>
+      <br />
+      <br />
+      <br />
+      <br />
+
+	  <div class="container_checadores">
+	
+	<!-- Aqui é o seletor do tipo de checkbox, ele suporta mais de uma marcação
+
+		<div class="control-group">
+		  <h1>Checkboxes</h1>
+		  <label class="control control--checkbox">First checkbox
+			<input type="checkbox" checked="checked"/>
+			<div class="control__indicator"></div>
+		  </label>
+		  <label class="control control--checkbox">Second checkbox
+			<input type="checkbox"/>
+			<div class="control__indicator"></div>
+		  </label>
+		  <label class="control control--checkbox">Disabled
+			<input type="checkbox" disabled="disabled"/>
+			<div class="control__indicator"></div>
+		  </label>
+		  <label class="control control--checkbox">Disabled & checked
+			<input type="checkbox" disabled="disabled" checked="checked"/>
+			<div class="control__indicator"></div>
+		  </label>
+		</div>
+	-->
+
+	<!-- Esse é um radio checker, ele aceita só uma das opções marcadas
+		<div class="control-group">
+		  <h1>Radio buttons</h1>
+		  <label class="control control--radio">First radio
+			<input type="radio" name="radio" checked="checked"/>
+			<div class="control__indicator"></div>
+		  </label>
+		  <label class="control control--radio">Second radio
+			<input type="radio" name="radio"/>
+			<div class="control__indicator"></div>
+		  </label>
+		  <label class="control control--radio">Disabled
+			<input type="radio" name="radio2" disabled="disabled"/>
+			<div class="control__indicator"></div>
+		  </label>
+		  <label class="control control--radio">Disabled & checked
+			<input type="radio" name="radio2" disabled="disabled" checked="checked"/>
+			<div class="control__indicator"></div>
+		  </label>
+		</div>
+	-->
+
+	<!-- Aqui são select box, elas permitem o usuário escolher 1 dentre várias opções, essa opção é a melhor nesse projeto-->
+		<div class="control-group">
+		  <h1>Escolha sua região:</h1>
+		  <div class="select">
+			<select>
+			  <option>First select</option>
+			  <option>Option</option>
+			  <option>Option</option>
+			</select>
+			<div class="select__arrow"></div>
+		  </div>
+
+		  <div class="select">
+			<select>
+			  <option>Second select</option>
+			  <option>Option</option>
+			  <option>Option</option>
+			</select>
+			<div class="select__arrow"></div>
+		  </div>
+		  
+		  <div class="select">
+			<select disabled="disabled">
+			  <option>Disabled</option>
+			  <option>Option</option>
+			  <option>Option</option>
+			</select>
+			<div class="select__arrow"></div>
+		  </div>
+		</div>
+
+		<div class="control-group">
+			<h1>Escolha a secretária:</h1>
+			<div class="select">
+			  <select>
+				<option>First select</option>
+				<option>Option</option>
+				<option>Option</option>
+			  </select>
+			  <div class="select__arrow"></div>
+			</div>
+  
+			<div class="select">
+			  <select>
+				<option>Second select</option>
+				<option>Option</option>
+				<option>Option</option>
+			  </select>
+			  <div class="select__arrow"></div>
+			</div>
+			
+			<div class="select">
+			  <select disabled="disabled">
+				<option>Disabled</option>
+				<option>Option</option>
+				<option>Option</option>
+			  </select>
+			  <div class="select__arrow"></div>
+			</div>
+		  </div>
+		</div>
+  
+	  </div>
+	  
+<br>
+<br>
+<br>
+<br>
+<br>
+<br>
+
+      <!-- Footer -->
+      <footer class="footer">
+        <div class="footer__container">
+          <h2 class="footer__title">Gastos Df</h2>
+          <p class="footer__description"> <!-- Colocar aqui uma descrição maneira sobre o site --></p>
+          <div class="footer__social">
+            <a href="#" class="footer__link"><i class="bx bxl-linkedin"></i></a>
+            <a href="#" class="footer__link"><i class="bx bxl-github"></i></a>
+            <a href="#" class="footer__link"><i class="bx bxl-codepen"></i></a>
+          </div>
+          <p class="footer__copy">
+            &#169; 2024 Gastos DF. Todos os direitos reservados
+          </p>
+        </div>
+      </footer>
+
+  </body>
+</html>
