diff --git a/view_login.php b/view_login.php
new file mode 100644
index 00000000000..0ed4ee3a33d
--- /dev/null
+++ b/view_login.php
@@ -0,0 +1,71 @@
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Vietgram | Login</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <meta name="description" content="Vietgram, like Instagram but with Pho" />
+        <link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/css/style.css' ?>"/>
+        <link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/css/bootstrap.min.css' ?>"/>
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+        <link rel="stylesheet" href="css/styles.css">
+
+        
+    </head>
+    <body>
+        <main id="login">
+            <div class="login__column">
+                <img src="<?php echo base_url().'assets/image/phoneImage.png' ?>" class="login__phone" />
+            </div>
+            <div class="login__column">
+                <div class="login__box">
+                    <img src="<?php echo base_url().'assets/image/loginLogo.png' ?>" class="login__logo" />
+                    <form action="login.php" method="post" class="login__form">
+                        <input type="text" name="username" placeholder="Username" required />
+                        <input type="password" name="password" placeholder="Password" required />
+                        <input type="submit" value="Log in" />
+                    </form>
+                    <span class="login__divider">or</span>
+                    <a href="#" class="login__link">
+                        <i class="fa fa-money"></i>
+                        Log in with Facebook
+                    </a>
+                    <a href="#" class="login__link login__link--small">Forgot password</a>
+                </div>
+                <div class="login__box">
+                    <span>Don't have an account?</span> <a href="#">Sign up</a>
+                </div>
+                <div class="login__box--transparent">
+                    <span>Get the app.</span>
+                    <div class="login__appstores">
+                        <img src="<?php echo base_url().'assets/images/ios.png'?>" class="login__appstore" alt="Apple appstore logo" title="Apple appstore logo" />
+                        <img src="<?php echo base_url().'assets/images/android.png'?>" class="login__appstore" alt="Android appstore logo" title="Android appstore logo" />
+                    </div>
+                </div>
+            </div>
+        </main>
+        <footer class="footer">
+            <div class="footer__column">
+                <nav class="footer__nav">
+                    <ul class="footer__list">
+                        <li class="footer__list-item"><a href="#" class="footer__link">About Us</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Support</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Blog</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Press</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Api</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Jobs</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Privacy</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Terms</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Directory</a></li>
+                        <li class="footer__list-item"><a href="#" class="footer__link">Language</a></li>
+                    </ul>
+                </nav>
+            </div>
+            <div class="footer__column">
+                <span class="footer__copyright">© 2017 Vietgram</span>
+            </div>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
