diff --git a/index.html b/index.html
index 2f39921..3ad35d1 100644
--- a/index.html
+++ b/index.html
@@ -1,251 +1,254 @@
 <!DOCTYPE html>
 <html>
-  <head>
+
+<head>
     <!--Import Google Icon Font-->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <!--Import materialize.css-->
-    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
+    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
 
     <!-- my CSS -->
     <link rel="stylesheet" href="css/style.css">
-    
+
     <!--Let browser know website is optimized for mobile-->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title>Web Programming UNPAS</title>
-  </head>
+</head>
 
-  <body id="home" class="scrollspy">
+<body id="home" class="scrollspy">
 
     <!-- navbar -->
     <div class="navbar-fixed">
-      <ul id="dropdown1" class="dropdown-content">
-        <li><a href="#!">one</a></li>
-        <li><a href="#!">two</a></li>
-        <li class="divider"></li>
-        <li><a href="#!">three</a></li>
-      </ul>
-      <nav class="blue darken-2">
-        <div class="container">
-          <div class="nav-wrapper">
-            <a href="#home" class="brand-logo">WPU</a>
-            <a href="#" data-target="mobile-nav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
-            <ul class="right hide-on-med-and-down">
-              <li><a href="#about">About Us</a></li>
-              <li><a href="#clients">Clients</a></li>
-              <li><a href="#services">Services</a></li>
-              <li><a href="#portfolio">Portfolio</a></li>
-              <li><a href="#contact">Contact Us</a></li>
-              <li><a class="dropdown-trigger" href="#!" data-target="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
-            </ul>
-          </div>
-        </div>
-      </nav>
+        <ul id="dropdown1" class="dropdown-content">
+            <li><a href="#!">one</a></li>
+            <li><a href="#!">two</a></li>
+            <li class="divider"></li>
+            <li><a href="#!">three</a></li>
+        </ul>
+        <nav class="blue darken-2">
+            <div class="container">
+                <div class="nav-wrapper">
+                    <a href="#home" class="brand-logo">WPU</a>
+                    <a href="#" data-target="mobile-nav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+                    <ul class="right hide-on-med-and-down">
+                        <li><a href="#about">About Us</a></li>
+                        <li><a href="#clients">Clients</a></li>
+                        <li><a href="#services">Services</a></li>
+                        <li><a href="#portfolio">Portfolio</a></li>
+                        <li><a href="#contact">Contact Us</a></li>
+                        <li><a class="dropdown-trigger" href="#!" data-target="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
     </div>
 
     <!-- sidenav -->
     <ul class="sidenav" id="mobile-nav">
-      <li><a href="#about">About Us</a></li>
-      <li><a href="#clients">Clients</a></li>
-      <li><a href="#services">Services</a></li>
-      <li><a href="#portfolio">Portfolio</a></li>
-      <li><a href="#contact">Contact Us</a></li>
+        <li><a href="#about">About Us</a></li>
+        <li><a href="#clients">Clients</a></li>
+        <li><a href="#services">Services</a></li>
+        <li><a href="#portfolio">Portfolio</a></li>
+        <li><a href="#contact">Contact Us</a></li>
     </ul>
 
     <!-- slider -->
     <div class="slider">
-      <ul class="slides">
-        <li>
-          <img src="img/slider/1.png">
-          <div class="caption left-align">
-            <h3>This is our big Tagline!</h3>
-            <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
-          </div>
-        </li>
-        <li>
-          <img src="img/slider/2.png">
-          <div class="caption right-align">
-            <h3>This is our big Tagline!</h3>
-            <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
-          </div>
-        </li>
-        <li>
-          <img src="img/slider/3.png">
-          <div class="caption center-align">
-            <h3>This is our big Tagline!</h3>
-            <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
-          </div>
-        </li>
-      </ul>
+        <ul class="slides">
+            <li>
+                <img src="img/slider/1.png">
+                <div class="caption left-align">
+                    <h3>This is our big Tagline!</h3>
+                    <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
+                </div>
+            </li>
+            <li>
+                <img src="img/slider/2.png">
+                <div class="caption right-align">
+                    <h3>This is our big Tagline!</h3>
+                    <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
+                </div>
+            </li>
+            <li>
+                <img src="img/slider/3.png">
+                <div class="caption center-align">
+                    <h3>This is our big Tagline!</h3>
+                    <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
+                </div>
+            </li>
+        </ul>
     </div>
 
     <!-- About Us -->
     <section id="about" class="about scrollspy">
-      <div class="container">
-        <div class="row">
-          <h3 class="center light grey-text text-darken-3">About Us</h3>
-          <div class="col m6 light">
-            <h5>We Are Professionals</h5>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quo accusantium repellat similique ipsa doloribus in aliquam earum eaque, possimus necessitatibus sunt repellendus ullam recusandae voluptas dolore debitis saepe facere.</p>
-          </div>
-          <div class="col m6 light">
-            <p>WEB DEVELOPMENT</p>
-            <div class="progress">
-                <div class="determinate blue" style="width: 95%"></div>
-            </div>
-            <p>MOBILE APP DEVELOPMENT</p>
-            <div class="progress">
-                <div class="determinate blue" style="width: 85%"></div>
-            </div>
-            <p>GAME DEVELOPMENT</p>
-            <div class="progress">
-                <div class="determinate blue" style="width: 90%"></div>
+        <div class="container">
+            <div class="row">
+                <h3 class="center light grey-text text-darken-3">About Us</h3>
+                <div class="col m6 light">
+                    <h5>We Are Professionals</h5>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quo accusantium repellat similique ipsa doloribus in aliquam earum eaque, possimus necessitatibus sunt repellendus ullam recusandae voluptas dolore debitis saepe facere.</p>
+                </div>
+                <div class="col m6 light">
+                    <p>WEB DEVELOPMENT</p>
+                    <div class="progress">
+                        <div class="determinate blue" style="width: 95%"></div>
+                    </div>
+                    <p>MOBILE APP DEVELOPMENT</p>
+                    <div class="progress">
+                        <div class="determinate blue" style="width: 85%"></div>
+                    </div>
+                    <p>GAME DEVELOPMENT</p>
+                    <div class="progress">
+                        <div class="determinate blue" style="width: 90%"></div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </section>
-    
+
 
     <!-- Clients -->
     <div id="clients" class="parallax-container scrollspy">
-      <div class="parallax"><img src="img/slider/4.png"></div>
+        <div class="parallax"><img src="img/slider/4.png"></div>
 
-      <div class="container clients">
-        <h3 class="center light white-text">Our Clients</h3>
-        <div class="row">
-          <div class="col m4 s12 center">
-            <img src="img/clients/gojek.png">
-          </div>
-          <div class="col m4 s12 center">
-            <img src="img/clients/tokopedia.png">
-          </div>
-          <div class="col m4 s12 center">
-            <img src="img/clients/traveloka.png">
-          </div>
+        <div class="container clients">
+            <h3 class="center light white-text">Our Clients</h3>
+            <div class="row">
+                <div class="col m4 s12 center">
+                    <img src="img/clients/gojek.png">
+                </div>
+                <div class="col m4 s12 center">
+                    <img src="img/clients/tokopedia.png">
+                </div>
+                <div class="col m4 s12 center">
+                    <img src="img/clients/traveloka.png">
+                </div>
+            </div>
         </div>
-      </div>
     </div>
 
 
     <!-- services -->
     <section id="services" class="services grey lighten-3 scrollspy">
-      <div class="container">
-        <div class="row">
-          <h3 class="light center grey-text text-darken-3">Our Services</h3>
-          <div class="col m4 s12">
-            <div class="card-panel center">
-              <i class="material-icons medium">desktop_windows</i>
-              <h5>Web Development</h5>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, quibusdam.</p>
-            </div>
-          </div>
-          <div class="col m4 s12">
-            <div class="card-panel center">
-              <i class="material-icons medium">developer_mode</i>
-              <h5>Mobile App</h5>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, quibusdam.</p>
-            </div>
-          </div>
-          <div class="col m4 s12">
-            <div class="card-panel center">
-              <i class="material-icons medium">games</i>
-              <h5>Game Development</h5>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, quibusdam.</p>
+        <div class="container">
+            <div class="row">
+                <h3 class="light center grey-text text-darken-3">Our Services</h3>
+                <div class="col m4 s12">
+                    <div class="card-panel center">
+                        <i class="material-icons medium">desktop_windows</i>
+                        <h5>Web Development</h5>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, quibusdam.</p>
+                    </div>
+                </div>
+                <div class="col m4 s12">
+                    <div class="card-panel center">
+                        <i class="material-icons medium">developer_mode</i>
+                        <h5>Mobile App</h5>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, quibusdam.</p>
+                    </div>
+                </div>
+                <div class="col m4 s12">
+                    <div class="card-panel center">
+                        <i class="material-icons medium">games</i>
+                        <h5>Game Development</h5>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, quibusdam.</p>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </section>
 
 
     <!-- portfolio -->
     <section id="portfolio" class="portfolio scrollspy">
-      <div class="container">
-        <h3 class="light center grey-text text-darken-3">Portfolio</h3>
-        <div class="row">
-          <div class="col m3 s12">
-            <img src="img/portfolio/1.png" class="responsive-img materialboxed">
-          </div>
-          <div class="col m3 s12">
-            <img src="img/portfolio/2.png" class="responsive-img materialboxed">
-          </div>
-          <div class="col m3 s12">
-            <img src="img/portfolio/3.png" class="responsive-img materialboxed">
-          </div>
-          <div class="col m3 s12">
-            <img src="img/portfolio/4.png" class="responsive-img materialboxed">
-          </div>
-        </div>
-        <div class="row">
-          <div class="col m3 s12">
-            <img src="img/portfolio/5.png" class="responsive-img materialboxed">
-          </div>
-          <div class="col m3 s12">
-            <img src="img/portfolio/6.png" class="responsive-img materialboxed">
-          </div>
-          <div class="col m3 s12">
-            <img src="img/portfolio/1.png" class="responsive-img materialboxed">
-          </div>
-          <div class="col m3 s12">
-            <img src="img/portfolio/2.png" class="responsive-img materialboxed">
-          </div>
+        <div class="container">
+            <h3 class="light center grey-text text-darken-3">Portfolio</h3>
+            <div class="row">
+                <div class="col m3 s12">
+                    <img src="img/portfolio/1.png" class="responsive-img materialboxed">
+                </div>
+                <div class="col m3 s12">
+                    <img src="img/portfolio/2.png" class="responsive-img materialboxed">
+                </div>
+                <div class="col m3 s12">
+                    <img src="img/portfolio/3.png" class="responsive-img materialboxed">
+                </div>
+                <div class="col m3 s12">
+                    <img src="img/portfolio/4.png" class="responsive-img materialboxed">
+                </div>
+            </div>
+            <div class="row">
+                <div class="col m3 s12">
+                    <img src="img/portfolio/5.png" class="responsive-img materialboxed">
+                </div>
+                <div class="col m3 s12">
+                    <img src="img/portfolio/6.png" class="responsive-img materialboxed">
+                </div>
+                <div class="col m3 s12">
+                    <img src="img/portfolio/1.png" class="responsive-img materialboxed">
+                </div>
+                <div class="col m3 s12">
+                    <img src="img/portfolio/2.png" class="responsive-img materialboxed">
+                </div>
+            </div>
         </div>
-      </div>
     </section>
 
 
     <!-- contact us -->
     <section id="contact" class="contact grey lighten-3 scrollspy">
-      <div class="container">
-        <h3 class="light grey-text text-darken-3 center">Contact Us</h3>
-        <div class="row">
-          <div class="col m5 s12">
-            <div class="card-panel blue darken-2 center white-text">
-              <i class="material-icons">email</i>
-              <h5>Contact</h5>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, perspiciatis.</p>
-            </div>
-            <ul class="collection with-header">
-              <li class="collection-header"><h4>Our Office</h4></li>
-              <li class="collection-item">Web Programming UNPAS</li>
-              <li class="collection-item">Jl. Setiabudhi No. 193, Bandung</li>
-              <li class="collection-item">West Java, Indonesia</li>
-            </ul>
-          </div>
-
-          <div class="col m7 s12">
-            <form>
-              <div class="card-panel">
-                <h5>Please fill out this form</h5>
-                <div class="input-field">
-                  <input type="text" name="name" id="name" required class="validate">
-                  <label for="name">Name</label>
-                </div>
-                <div class="input-field">
-                  <input type="email" name="email" id="email" class="validate">
-                  <label for="email">Email</label>
-                </div>
-                <div class="input-field">
-                  <input type="text" name="phone" id="phone">
-                  <label for="phone">Phone Number</label>
+        <div class="container">
+            <h3 class="light grey-text text-darken-3 center">Contact Us</h3>
+            <div class="row">
+                <div class="col m5 s12">
+                    <div class="card-panel blue darken-2 center white-text">
+                        <i class="material-icons">email</i>
+                        <h5>Contact</h5>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, perspiciatis.</p>
+                    </div>
+                    <ul class="collection with-header">
+                        <li class="collection-header">
+                            <h4>Our Office</h4>
+                        </li>
+                        <li class="collection-item">Web Programming UNPAS</li>
+                        <li class="collection-item">Jl. Setiabudhi No. 193, Bandung</li>
+                        <li class="collection-item">West Java, Indonesia</li>
+                    </ul>
                 </div>
-                <div class="input-field">
-                  <textarea name="message" id="message" class="materialize-textarea"></textarea>
-                  <label for="message">Message</label>
+
+                <div class="col m7 s12">
+                    <form>
+                        <div class="card-panel">
+                            <h5>Please fill out this form</h5>
+                            <div class="input-field">
+                                <input type="text" name="name" id="name" required class="validate">
+                                <label for="name">Name</label>
+                            </div>
+                            <div class="input-field">
+                                <input type="email" name="email" id="email" class="validate">
+                                <label for="email">Email</label>
+                            </div>
+                            <div class="input-field">
+                                <input type="text" name="phone" id="phone">
+                                <label for="phone">Phone Number</label>
+                            </div>
+                            <div class="input-field">
+                                <textarea name="message" id="message" class="materialize-textarea"></textarea>
+                                <label for="message">Message</label>
+                            </div>
+                            <button type="submit" class="btn blue darken-2">Send</button>
+                        </div>
+                    </form>
                 </div>
-                <button type="submit" class="btn blue darken-2">Send</button>
-              </div>
-            </form>
-          </div>
+            </div>
         </div>
-      </div>
     </section>
 
 
     <!-- footer -->
     <footer class="blue darken-2 white-text center">
-      <p class="flow-text">Web Programming UNPAS. Copyright 2018.</p>
+        <p class="flow-text">Web Programming UNPAS. Copyright 2018.</p>
     </footer>
 
 
@@ -253,38 +256,31 @@ <h5>Please fill out this form</h5>
     <!--JavaScript at end of body for optimized loading-->
     <script type="text/javascript" src="js/materialize.min.js"></script>
     <script>
-      const sideNav = document.querySelectorAll('.sidenav');
-      M.Sidenav.init(sideNav);
-
-      const slider = document.querySelectorAll('.slider');
-      M.Slider.init(slider, {
-        indicators: false,
-        height: 500,
-        transition: 600,
-        interval: 3000
-      });
-
-      const parallax = document.querySelectorAll('.parallax');
-      M.Parallax.init(parallax);
-
-      const materialbox = document.querySelectorAll('.materialboxed');
-      M.Materialbox.init(materialbox);
-
-      const scroll = document.querySelectorAll('.scrollspy');
-      M.ScrollSpy.init(scroll, {
-        scrollOffset: 50
-      });
-
-      const dropdown = document.querySelectorAll('.dropdown-trigger');
-      M.Dropdown.init(dropdown);
-
+        const sideNav = document.querySelectorAll('.sidenav');
+        M.Sidenav.init(sideNav);
+
+        const slider = document.querySelectorAll('.slider');
+        M.Slider.init(slider, {
+            indicators: false,
+            height: 500,
+            transition: 600,
+            interval: 3000
+        });
+
+        const parallax = document.querySelectorAll('.parallax');
+        M.Parallax.init(parallax);
+
+        const materialbox = document.querySelectorAll('.materialboxed');
+        M.Materialbox.init(materialbox);
+
+        const scroll = document.querySelectorAll('.scrollspy');
+        M.ScrollSpy.init(scroll, {
+            scrollOffset: 50
+        });
+
+        const dropdown = document.querySelectorAll('.dropdown-trigger');
+        M.Dropdown.init(dropdown);
     </script>
-  </body>
-</html>
-
-
-
-
-
-
+</body>
 
+</html>
\ No newline at end of file
