diff --git a/src/app/components/home/home.component.scss b/src/app/components/home/home.component.scss
index 2d09255..6d938eb 100644
--- a/src/app/components/home/home.component.scss
+++ b/src/app/components/home/home.component.scss
@@ -270,7 +270,7 @@
           letter-spacing: 0.76px;
         }
 
-        input {
+        .custom-input {
           border: none;
           border-bottom: 1px solid $border-color;
           display: block;
@@ -347,7 +347,7 @@
 
     &__sponsors {
       margin-top: 30px;
-      
+
       &__title {
         justify-content: center;
         margin-top: 30px;
diff --git a/src/app/components/user/avisos/avisos.component.html b/src/app/components/user/avisos/avisos.component.html
index 7e247c2..858c2ac 100644
--- a/src/app/components/user/avisos/avisos.component.html
+++ b/src/app/components/user/avisos/avisos.component.html
@@ -1,24 +1,15 @@
-<div class="container-fluid">
-  <div class="row">
-    <div class="col-md-12">
-      <h3>Avisos</h3>
-      <div class="card-columns" *ngIf="avisos.length > 0 && loading != null">
-        <mat-card *ngFor="let a of avisos">
-          <mat-card-header>
-            <mat-card-title>{{a.titulo}}</mat-card-title>
-            <mat-card-subtitle>{{a.taller}}</mat-card-subtitle>
-          </mat-card-header>
-          <mat-card-content>
-            <p>
-              {{a.mensaje}}
-            </p>
-          </mat-card-content>
-        </mat-card>
-      </div>
-      <div *ngIf="avisos.length < 1 && loading != null">
-        <h1>Sin Avisos</h1>
-        <p>Por el momento no hay avisos. Revisa nuevamente más tarde.</p>
+<div class="container-fluid ad">
+  <div class="container">
+    <div *ngIf="avisos.length > 0 && loading != null">
+      <div class="ad__item" *ngFor="let a of avisos">
+        <h4 class="ad__title">{{a.titulo}} <span>{{a.taller}}</span></h4>
+        <p class="ad__desc">{{a.mensaje}}</p>
+        <hr>
       </div>
     </div>
+    <div *ngIf="avisos.length < 1 && loading != null">
+      <h4 class="ad__title">Sin Avisos</h4>
+      <p class="ad__desc">Por el momento no hay avisos. Revisa nuevamente más tarde.</p>
+    </div>
   </div>
 </div>
diff --git a/src/app/components/user/avisos/avisos.component.scss b/src/app/components/user/avisos/avisos.component.scss
index 15bb06b..c349c66 100644
--- a/src/app/components/user/avisos/avisos.component.scss
+++ b/src/app/components/user/avisos/avisos.component.scss
@@ -1,7 +1,25 @@
-mat-card {
-  margin-bottom: 16px;
-  display: inline-block;
-  width: 100%;
-  -webkit-column-break-inside: avoid;
-  column-break-inside: avoid;
+@import '~styles-variables.scss';
+
+.ad {
+  margin-top: 100px;
+
+  &__title {
+    color: $text-color;
+    font-size: 38px;
+    font-weight: bold;
+    letter-spacing: 1.28px;
+    margin-bottom: 25px;
+
+    span {
+      color: $color-blue;
+      font-size: 14px;
+      text-transform: uppercase;
+    }
+  }
+
+  &__desc {
+    font-size: 18px;
+    font-weight: 300;
+    letter-spacing: 0.76px;
+  }
 }
diff --git a/src/app/components/user/documentos-usuario/documentos-usuario.component.html b/src/app/components/user/documentos-usuario/documentos-usuario.component.html
index b381198..ba6df9c 100644
--- a/src/app/components/user/documentos-usuario/documentos-usuario.component.html
+++ b/src/app/components/user/documentos-usuario/documentos-usuario.component.html
@@ -1,64 +1,53 @@
-<div class="container-fluid">
-  <h2><strong>Documentos Axt@Teen</strong></h2>
-  <hr>
-
-  <div class="row">
-    <div class="col-md-12">
-      <h5><strong>Documentos a Imprimir</strong></h5>
-      <p>Estos son los documentos que se deben de imprimir y subir a la plataforma de Axt@Teen.</p>
+<div class="container-fluid documents">
+  <div class="container">
+    <div class="documents__section">
+      <h3 class="documents__section__title">Documentos a Imprimir</h3>
+      <p class="documents__section__subtitle">Estos son los documentos que se deben de imprimir y subir a la plataforma de Axt@Teen.</p>
       <div class="list-group">
         <div class="input-group mb-3" *ngFor="let archivo of listaArchivosImprimir">
-          <div class="input-group">
-            <input type="text" class="form-control" placeholder="{{archivo.nombre}}" disabled>
-            <div class="input-group-append">
-              <a href="{{archivo.url}}" class="btn btn-info">Abrir</a>
-            </div>
-          </div>
+          <a href="{{archivo.url}}" class="documents__item">{{archivo.nombre}}</a>
         </div>
       </div>
     </div>
-  </div>
-  <hr>
 
-  <div class="row">
-    <div class="col-md-12">
-      <h5><strong>Subir Documento</strong></h5>
+    <div class="documents__section">
+      <h3 class="documents__section__title">Subir Documento</h3>
       <form>
         <div class="form-group">
-          <label for="nombreArchivoInput"><strong>Nombre Archivo:</strong></label>
-          <input type="text" class="form-control" id="nombreArchivoInput" placeholder="Ingresar Nombre del Archivo" [(ngModel)]="nombreArchivo"  [ngModelOptions]="{standalone: true}">
+          <label for="nombreArchivoInput">Nombre del Archivo:</label>
+          <input type="text" class="form-control" id="nombreArchivoInput" placeholder="Nombre del Documento"
+            [(ngModel)]="nombreArchivo" [ngModelOptions]="{standalone: true}">
         </div>
         <div class="form-group">
           <div class="input-group">
             <div class="input-group">
               <div class="custom-file">
-                <input type="file" class="custom-file-input" id="archivoInput" (change)="getArchivo($event)">\
+                <input type="file" id="archivoInput" (change)="getArchivo($event)" placeholder="Seleccionar Archivo">
                 <label class="custom-file-label" for="archivoInput">Seleccionar Archivo</label>
               </div>
               <div class="input-group-append">
-                <button class="btn btn-success" type="button" (click)="uploadDB()">Subir</button>
+                <button class="btn btn-primary" type="button" (click)="uploadDB()">Subir</button>
               </div>
             </div>
           </div>
         </div>
       </form>
-
     </div>
 
-    <div class="col-md-12">
-      <h6><strong>Mis Documentos Subidos:</strong></h6>
+    <div class="documents__section">
+      <h3 class="documents__section__title">Mis Documentos Subidos</h3>
       <div class="list-group" *ngIf="listaArchivoUsuario.length > 0; else elseBlock">
         <div class="input-group mb-3" *ngFor="let archivo of listaArchivoUsuario">
-          <input type="text" class="form-control" placeholder="{{archivo.nombre}}" disabled>
-          <div class="input-group-append">
-            <a href="{{archivo.url}}" class="btn btn-success">Abrir</a>
-            <button class="btn btn-danger" type="button" (click)= deleteArchivo(archivo.archivo_path)>Borrar</button>
+          <input type="text" class="documents__item" placeholder="{{archivo.nombre}}" disabled>
+          <div class="documents__actions">
+            <a href="{{archivo.url}}" class="btn btn-primary">Abrir</a>
+            <button class="btn btn-danger" type="button" (click)=deleteArchivo(archivo.archivo_path)>Borrar</button>
           </div>
         </div>
       </div>
-
-      <ng-template #elseBlock><h5>No se han subido documentos.</h5></ng-template>
+      <ng-template #elseBlock>
+        <h3>No se ha subido ningún documento.</h3>
+      </ng-template>
     </div>
   </div>
-  
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/user/documentos-usuario/documentos-usuario.component.scss b/src/app/components/user/documentos-usuario/documentos-usuario.component.scss
index e69de29..6b1fb3c 100644
--- a/src/app/components/user/documentos-usuario/documentos-usuario.component.scss
+++ b/src/app/components/user/documentos-usuario/documentos-usuario.component.scss
@@ -0,0 +1,118 @@
+@import '~styles-variables.scss';
+@import "~bootstrap/scss/bootstrap.scss";
+
+.documents {
+  margin-top: 100px;
+
+  &__section {
+    & + & {
+      margin-top: 50px;
+    }
+
+    &__title {
+      color: $text-color;
+      font-size: 38px;
+      font-weight: bold;
+      letter-spacing: 1.28px;
+      margin-bottom: 25px;
+    }
+
+    &__subtitle {
+      color: $text-color;
+      font-size: 18px;
+      font-weight: 200;
+      letter-spacing: 0.76px;
+      margin-bottom: 25px;
+    }
+  }
+
+  &__item {
+    background: $color-blue;
+    color: $color-white;
+    font-size: 18px;
+    font-weight: bold;
+    letter-spacing: 0.61px;
+    padding: 10px 15px;
+    width: 650px;
+
+    &:hover {
+      text-decoration: none;
+      background: darken($color-blue, 10%);
+    }
+  }
+
+  &__actions {
+    align-items: center;
+    display: flex;
+    margin-left: 30px;
+
+    .btn + .btn {
+      margin-left: 15px;
+    }
+  }
+
+  .form-group {
+    width: 60%;
+  }
+
+  .form-control,
+  .custom-file-label {
+    color: $placeholder-color;
+    font-size: 18px;
+    font-weight: 300;
+
+    &::placeholder {
+      color: $placeholder-color;
+    }
+  }
+
+  .custom-file-label {
+    &::after {
+      background-color: $color-gray;
+      color: $color-white;
+      content: "Seleccionar";
+    }
+  }
+
+  .btn {
+    &:focus {
+      box-shadow: none;
+    }
+
+    &-primary {
+      background-color: $color-blue;
+      border: 0;
+      color: $color-white;
+    }
+
+    &-danger {
+      background-color: $color-red;
+      border-color: $color-red;
+    }
+  }
+
+  input {
+    &.documents__item {
+      background: $color-blue;
+      border: 0;
+      color: $color-white;
+
+      &::placeholder {
+        color: $color-white;
+      }
+    }
+  }
+}
+
+/* Phone */
+@media only screen and (max-width: 600px) {
+  .documents {
+    .form-group {
+      width: 100%;
+    }
+
+    &__actions {
+      margin: 15px 0 0;
+    }
+  }
+}
diff --git a/src/app/components/user/inscripcion/inscripcion.component.html b/src/app/components/user/inscripcion/inscripcion.component.html
index 63a416d..2dd5754 100644
--- a/src/app/components/user/inscripcion/inscripcion.component.html
+++ b/src/app/components/user/inscripcion/inscripcion.component.html
@@ -1,51 +1,49 @@
-<div class="container-fluid">
-  <h3>Talleres</h3>
-  <div class="row justify-content-start" *ngIf="estatus">
-    <div class="col-md-3">
+<div class="container-fluid register">
+  <div class="container">
+    <h3 class="register__title">Sede</h3>
+    <div class="register__actions" *ngIf="estatus">
       <mat-form-field>
-        <mat-select [disabled]="sedes.length < 1" placeholder="Selecciona la sede" (selectionChange)="seleccionarSede($event)"
-          name="sedeselect">
+        <mat-select [disabled]="sedes.length < 1" placeholder="Selecciona la Sede"
+          (selectionChange)="seleccionarSede($event)" name="sedeselect">
           <mat-option *ngFor="let sede of sedes" [value]="sede.id">{{sede.nombre}}</mat-option>
         </mat-select>
       </mat-form-field>
-    </div>
-    <div class="col-md-4 d-flex align-items-center">
       <p style="margin: 0;"> Inscripción actual: <b>{{tallerActual? tallerActual: 'Sin inscripción'}}</b> </p>
     </div>
-  </div>
-  <div class="card-columns" *ngIf="estatus">
-    <mat-card *ngFor="let taller of selectedSede.talleres">
-      <mat-card-header>
-        <mat-card-title>{{taller.nombre}}</mat-card-title>
-      </mat-card-header>
-      <mat-card-content>
-        <p>
-          {{taller.descripcion}}
-        </p>
-      </mat-card-content>
-      <mat-card-actions style="text-align:right;">
-        <button mat-button mat-stroked-button color="primary" *ngIf="!(taller.id == user.idtaller) && taller.inscritos < taller.cupo"
-          (click)="inscripcion(taller)">Inscribirme</button>
-        <button mat-button mat-raised-button color="primary" *ngIf="taller.id == user.idtaller && taller.inscritos < taller.cupo"
-          (click)="quitarInscripcion()">Inscrito
-          <mat-icon>done</mat-icon>
-        </button>
-        <button mat-button color="warn" *ngIf="taller.id != user.idtaller && taller.inscritos >= taller.cupo">Taller
-          lleno</button>
-      </mat-card-actions>
-    </mat-card>
-  </div>
-  <div *ngIf="selectedSede.id != 0 && selectedSede.talleres.length < 1 && estatus">
-    <h1>Sin talleres</h1>
-    <p>Por el momento no existen talleres de tu categoría en esta sede.</p>
-    <button mat-flat-button matTooltipPosition="after" matTooltip="La categoría es asignada de manera automática por el sistema según tu edad. Actualmente perteneces a la categoría {{user.categoria}}.">
-      Más información
-    </button>
-  </div>
+    <div class="items" *ngIf="estatus">
+      <div class="register__item" *ngFor="let taller of selectedSede.talleres">
+        <img src="../../../../assets/img/block-1.png">
+        <div class="text-container">
+          <h3 class="title">{{taller.nombre}}</h3>
+          <p class="desc">{{taller.descripcion}}</p>
+          <div>
+            <button mat-button mat-stroked-button class="btn-primary"
+              *ngIf="!(taller.id == user.idtaller) && taller.inscritos < taller.cupo"
+              (click)="inscripcion(taller)">Inscribirme</button>
+            <button mat-button mat-raised-button class="btn-primary"
+              *ngIf="taller.id == user.idtaller && taller.inscritos < taller.cupo"
+              (click)="quitarInscripcion()">Inscrito
+              <mat-icon>done</mat-icon>
+            </button>
+            <button mat-button color="warn" *ngIf="taller.id != user.idtaller && taller.inscritos >= taller.cupo">Taller
+              lleno</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div *ngIf="selectedSede.id != 0 && selectedSede.talleres.length < 1 && estatus">
+      <h1>Sin talleres</h1>
+      <p>Por el momento no existen talleres de tu categoría en esta sede.</p>
+      <button class="btn-primary" mat-flat-button matTooltipPosition="after"
+        matTooltip="La categoría es asignada de manera automática por el sistema según tu edad. Actualmente perteneces a la categoría {{user.categoria}}.">
+        Más información
+      </button>
+    </div>
 
-  <div *ngIf="!estatus && estatus != null">
-    <h1>Convocatoria inhabilitada</h1>
-    <p>¡Ups! El período de inscripción a los talleres no ha comenzado o ya concluyó.</p>
-    <p>Puedes revisar las fechas de convocatoria en la página principal de ApportaTeen.</p>
+    <div *ngIf="!estatus && estatus != null">
+      <h1>Convocatoria inhabilitada</h1>
+      <p>¡Ups! El período de inscripción a los talleres no ha comenzado o ya concluyó.</p>
+      <p>Puedes revisar las fechas de convocatoria en la página principal de ApportaTeen.</p>
+    </div>
   </div>
 </div>
diff --git a/src/app/components/user/inscripcion/inscripcion.component.scss b/src/app/components/user/inscripcion/inscripcion.component.scss
index 15bb06b..3abf625 100644
--- a/src/app/components/user/inscripcion/inscripcion.component.scss
+++ b/src/app/components/user/inscripcion/inscripcion.component.scss
@@ -1,7 +1,81 @@
-mat-card {
-  margin-bottom: 16px;
-  display: inline-block;
-  width: 100%;
-  -webkit-column-break-inside: avoid;
-  column-break-inside: avoid;
+@import '~styles-variables.scss';
+
+.register {
+  margin: 100px 0;
+
+  &__title {
+    color: $text-color;
+    font-size: 38px;
+    font-weight: bold;
+    letter-spacing: 1.28px;
+  }
+
+  &__actions {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 30px;
+    width: 100%;
+  }
+
+  .btn {
+    &:focus {
+      box-shadow: none;
+    }
+
+    &-primary {
+      background-color: $color-blue;
+      border: 0;
+      color: $color-white;
+    }
+  }
+
+  .items {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  &__item {
+    border-radius: 5px;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+    margin: 20px 0 0 20px;
+    width: 260px;
+
+    img {
+      border-radius: 5px 5px 0 0;
+      height: 140px;
+      width: 100%;
+    }
+
+    .text-container {
+      align-items: center;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      padding: 15px;
+    }
+
+    .desc {
+      font-weight: 300;
+    }
+  }
+
+  .mat-option.mat-active,
+  .mat-option.mat-selected {
+    background: $color-blue !important;
+  }
+}
+
+/* Phone */
+@media only screen and (max-width: 600px) {
+  .register {
+    &__actions {
+      display: block;
+    }
+
+    &__item {
+      margin-left: 0;
+    }
+  }
 }
diff --git a/src/app/components/user/main-user/main-user.component.html b/src/app/components/user/main-user/main-user.component.html
index d002845..885c927 100644
--- a/src/app/components/user/main-user/main-user.component.html
+++ b/src/app/components/user/main-user/main-user.component.html
@@ -1,33 +1,29 @@
-<div class="admin-container" [class.is-mobile]="mobileQuery.matches">
-  <mat-toolbar color="primary" class="toolbar">
-    <button mat-icon-button [hidden]="!mobileQuery.matches" (click)="snav.toggle()">
-      <mat-icon>menu</mat-icon>
+<div class="header">
+  <nav class="navbar navbar-expand-lg">
+    <a class="navbar-brand" routerLink="inicio">
+      <img src="../../../../assets/img/logo.svg" class="header__logo" alt="Logo">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
+      aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+      <img src="../../../../assets/img/menu.svg" class="navbar-toggler-icon">
     </button>
-    <h3 class="app-name">Usuario</h3>
-    <span class="remaining-space"></span>
-    <button mat-icon-button [matMenuTriggerFor]="menu">
-      <mat-icon>more_vert</mat-icon>
-    </button>
-    <mat-menu #menu="matMenu">
-      <button mat-menu-item (click)="logout()">
-        <mat-icon>logout</mat-icon>
-        <span>Cerrar sesión</span>
+    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
+      <div class="navbar-nav">
+        <a routerLink="." class="header__link">Inicio</a>
+        <a routerLink="inscripcion" class="header__link">Inscripciones</a>
+        <a routerLink="documentos" class="header__link">Documentos a Entregar</a>
+      </div>
+      <button (click)="logout()" class="logout">
+        Cerrar sesión
       </button>
-    </mat-menu>
-  </mat-toolbar>
-
-  <mat-sidenav-container class="sidenav-container" [style.marginTop.px]="mobileQuery.matches ? 56 : 0">
-    <mat-sidenav #snav [mode]="'over'" [disableClose]="!mobileQuery.matches" [opened]="!mobileQuery.matches"
-      [fixedInViewport]="mobileQuery.matches" fixedTopGap="56">
-      <mat-nav-list>
-        <a mat-list-item routerLink=".">Inicio</a>
-        <a mat-list-item routerLink="inscripcion">Inscripción</a>
-        <a mat-list-item routerLink="documentos">Documentos a Entregar</a>
-      </mat-nav-list>
-    </mat-sidenav>
-
-    <mat-sidenav-content>
-      <router-outlet></router-outlet>
-    </mat-sidenav-content>
-  </mat-sidenav-container>
+    </div>
+  </nav>
+</div>
+<div class="user-container">
+  <section class="hero" style="background-image: url('../../../../assets/img/hero.png')">
+    <h1 class="hero__title" *ngIf="router.url === '/usuario/inicio'">Avisos</h1>
+    <h1 class="hero__title" *ngIf="router.url === '/usuario/inscripcion'">Talleres</h1>
+    <h1 class="hero__title" *ngIf="router.url === '/usuario/documentos'">Documentos</h1>
+  </section>
+  <router-outlet></router-outlet>
 </div>
diff --git a/src/app/components/user/main-user/main-user.component.scss b/src/app/components/user/main-user/main-user.component.scss
index ad7547a..a0cdc6a 100644
--- a/src/app/components/user/main-user/main-user.component.scss
+++ b/src/app/components/user/main-user/main-user.component.scss
@@ -1,73 +1,123 @@
 @import '~styles-variables.scss';
 @import "~bootstrap/scss/bootstrap.scss";
 
+.header {
+  background: rgba(95, 95, 95, 0.57);
+  display: flex;
+  justify-content: space-between;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
 
-.toolbar {
-  color: #fff;
-}
+  .navbar {
+    padding: 0 0 0 1rem;
+    width: 100%;
 
+    &-collapse {
+      justify-content: space-between;
+    }
 
+    &-toggler {
+      padding: 0;
 
-.admin-container {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
+      &:hover {
+        background-color: transparent
+      }
+    }
+  }
 
-mat-sidenav {
-  width: 200px;
-  background-color: $main;
-  color: #fff
-}
+  &__content {
+    align-items: center;
+    display: flex;
+    padding: 10px 0 10px 20px;
+  }
 
-mat-toolbar {
-  background-color: $main-dark;
-}
+  &__logo {
+    height: 50px;
+    width: 35px;
+  }
 
-button {
-  background: transparent;
-  border: none;
+  &__link,
+  a {
+    color: $color-white;
+    font-size: 18px;
+    letter-spacing: 0;
 
-  :hover {
-    cursor: pointer;
+    &:hover {
+      color: $color-blue;
+      text-decoration: none;
+    }
+
+    &+& {
+      margin-left: 25px;
+    }
   }
 }
 
-.is-mobile .toolbar {
-  position: fixed;
-  z-index: 2;
+a+button {
+  margin-left: 15px;
 }
 
-h3.app-name {
-  margin-left: 8px;
-  margin-bottom: 0 !important;
-}
+button {
+  background-color: $color-blue;
+  border: none;
+  color: $color-white;
+  font-weight: 18px;
+  padding: 30px;
 
-.sidenav-container {
-  flex: 1;
-}
+  &:hover {
+    background: darken($color-blue, 10%);
+  }
 
-.is-mobile .sidenav-container {
-  flex: 1 0 auto;
+  &.logout {
+    background-color: $color-red;
+  }
 }
 
-mat-sidenav-content {
-  margin-left: 200px;
-  padding: 20px;
+.user-container {
+  .hero {
+    align-items: center;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    display: flex;
+    height: 95vh;
+    justify-content: center;
+
+    &__title {
+      color: $color-white;
+      font-size: 50px;
+      font-weight: bold;
+      letter-spacing: 1.69px;
+      text-align: center;
+    }
+  }
 }
 
-
-@include media-breakpoint-down(xs) {
-  mat-sidenav-content {
-    margin-left: 0;
-    padding: 12px;
+/* Phone */
+@media only screen and (max-width: 600px) {
+  .header {
+    &__link,
+    a {
+      margin-top: 10px;
+
+      & + & {
+        margin-left: 0;
+      }
+    }
+
+    .logout {
+      margin-top: 10px;
+      padding: 15px 30px;
+    }
   }
-}
 
-.remaining-space {
-  flex: 1 1 auto;
+  .user-container {
+    .hero {
+      &__title {
+        font-size: 42px;
+      }
+    }
+  }
 }
diff --git a/src/assets/img/menu.svg b/src/assets/img/menu.svg
new file mode 100644
index 0000000..1ef158e
--- /dev/null
+++ b/src/assets/img/menu.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="76px" height="62px" viewBox="0 0 76 62" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="noun_menu_1807551" transform="translate(0.000000, -1.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Group" transform="translate(0.000000, 0.637820)">
+                <path d="M4,0.36218 C1.7909,0.36218 0,2.15298 0,4.36218 C0,6.57138 1.7909,8.36218 4,8.36218 L72,8.36218 C74.2091,8.36218 76,6.57138 76,4.36218 C76,2.15298 74.2091,0.36218 72,0.36218 L4,0.36218 Z M4,27.36218 C1.7909,27.36218 0,29.153 0,31.3622 C0,33.5714 1.7909,35.3622 4,35.3622 L72,35.3622 C74.2091,35.3622 76,33.5714 76,31.3622 C76,29.153 74.2091,27.36218 72,27.36218 L4,27.36218 Z M4,54.3622 C1.7909,54.3622 0,56.153 0,58.3622 C0,60.5714 1.7909,62.3622 4,62.3622 L72,62.3622 C74.2091,62.3622 76,60.5714 76,58.3622 C76,56.153 74.2091,54.3622 72,54.3622 L4,54.3622 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file