diff --git a/.github/workflows/azure-static-web-apps-mango-sky-0767c5610.yml b/.github/workflows/azure-static-web-apps-mango-sky-0767c5610.yml
new file mode 100644
index 0000000..cea456c
--- /dev/null
+++ b/.github/workflows/azure-static-web-apps-mango-sky-0767c5610.yml
@@ -0,0 +1,45 @@
+name: Azure Static Web Apps CI/CD
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - master
+
+jobs:
+  build_and_deploy_job:
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          submodules: true
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v0.0.1-preview
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_MANGO_SKY_0767C5610 }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          action: "upload"
+          ###### Repository/Build Configurations - These values can be configured to match you app requirements. ######
+          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
+          app_location: "/" # App source code path
+          api_location: "api" # Api source code path - optional
+          output_location: "" # Built app content directory - optional
+          ###### End of Repository/Build Configurations ######
+
+  close_pull_request_job:
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request Job
+    steps:
+      - name: Close Pull Request
+        id: closepullrequest
+        uses: Azure/static-web-apps-deploy@v0.0.1-preview
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_MANGO_SKY_0767C5610 }}
+          action: "close"
diff --git a/index.html b/index.html
index d5fd5a9..938a322 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,30 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="styles.css">
-  <title>Vanilla JavaScript App</title>
+  <title>Ejemplo AzureClass Gaella Govea</title>
 </head>
 
 <body>
-  <main>
-    <h1>Vanilla JavaScript App</h1>
-  </main>
+  <div id="top">
+    <div class="contenedor">
+      <div id="logo">
+        <nav>
+          <a href="#">LinkedIn</a>
+        </nav>
+        <h1>No es mucho, pero es trabajo honesto... Gaella Govea</h1>
+        <h4>Diciembre 08, 2020</h4>
+
+      </div>
+    </div>
+    </div>
+
+    <script type="text/javascript">
+    windowonfocus=function(){
+      window.location.reload();
+    }
+    </script>
+
+
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/logo_muz2020.png b/logo_muz2020.png
new file mode 100644
index 0000000..252d025
Binary files /dev/null and b/logo_muz2020.png differ
diff --git a/styles.css b/styles.css
index 0fc6eeb..448146a 100644
--- a/styles.css
+++ b/styles.css
@@ -1,21 +1,13 @@
-* {
-  font-family: Arial, Helvetica, sans-serif;
+#top {
+  height: 150px;
+  background-color: brown;
 }
-
-html, body {
-  margin: 0;
-  border: 0;
-  padding: 0;
-  background-color: #fff;
+.contenedor{
+  width: 978px;
+  margin: 0 auto;
 }
-
-main {
-  margin: auto;
-  width: 50%;
-  padding: 20px;
-}
-
-main > h1 {
-  text-align: center;
-  font-size: 3.5em;
+#logo {
+  background-image: url(azureclass\logo_muz2020.png);
+  width: 458px;
+  height: 104px;
 }
\ No newline at end of file
