menambahkan front-end profile | @kukuhbr

77bf57bb · kukuhbr · 114b20c8 · 77bf57bb · 77bf57bb · 77bf57bb
Commit 77bf57bb authored 7 years ago by kukuhbr
--- a/images/edit.png
+++ b/images/edit.png
--- a/images/mail.png
+++ b/images/mail.png
--- a/images/phone.png
+++ b/images/phone.png
--- a/images/star.png
+++ b/images/star.png
--- a/src/profile.css
+++ b/src/profile.css
+.profile-wrapper {
+    width: 500px;
+    font-size: 0;
+    margin-left:auto;
+    margin-right:auto;
+    padding: 5px;
+}
+
+.my-profile {
+    display: inline-block;
+    font-size: 2rem;
+    width: 95%;
+    font-family: 'Oswald', sans-serif;
+}
+
+.edit-image {
+    display: inline-block;
+    height: 5%;
+    width: 5%;
+    vertical-align: top;
+}
+
+.icon {
+    display: inline-block;
+    height: 5%;
+    width: 5%;
+    vertical-align: text-bottom;
+}
+
+.profile-content {
+    font-size: initial;
+    text-align: center;
+}
+
+.profile-image {
+    display: inline-block;
+    height: 115px;
+    width: 115px;
+    border-radius: 50%;
+    border: 7px solid #000000;
+}
+
+.profile-username {
+    font-size: 1.5rem;
+    display: block;
+    font-weight: bold;
+    font-family: 'Oswald', sans-serif;
+}
+
+.personal-data {
+
+}
+
+.vote {
+
+}
+
+.preferred-locations-wrapper {
+    font-size: 0;
+    margin-top: 15px;
+}
+
+.preferred-locations-list {
+    font-size: initial;
+}
+
+.preferred-locations {
+    display: inline-block;
+    font-size: 2rem;
+    width: 95%;
+    font-family: 'Oswald', sans-serif;
+}
\ No newline at end of file
--- a/src/profile.php
+++ b/src/profile.php
+<!DOCTYPE html>
+<html lang="en">
+<?php
+    echo '
+    <link rel="stylesheet" href="profile.css" />
+    <link itemprop="url" href="https://fonts.googleapis.com/css?family=Oswald:600" rel="stylesheet">
+    <div class="profile-wrapper">
+        <span class="my-profile">
+            MY PROFILE
+        </span>
+        <img class="edit-image" src="../images/edit.png" />
+        <div class="profile-content">
+            <img class="profile-image" src="../images/ash_ketchum.png">
+            <span class="profile-username">@kukuhbr</span>
+            <div class="personal-data">
+                <span class="fullname">Kukuh Basuki Rahmat</span><br>
+                <span class="user-type">Driver | </span>
+                <img class="icon" src="../images/star.png" />
+                <span class="vote">5</span>
+                <span class="voter"> (17823 voters)</span><br>
+                <img class="icon" src="../images/mail.png" />
+                <span class="email">kukuhis777@gmail.com</span><br>
+                <img class="icon" src="../images/phone.png">
+                <span class="phone-number">08193232050</span><br>
+            </div>
+        </div>
+        <div class="preferred-locations-wrapper">
+            <span class="preferred-locations">
+                PREFERRED LOCATIONS:
+            </span>
+            <img class="edit-image" src="../images/edit.png" />
+            <ul class="preferred-locations-list">
+                <li>Pewter City</li>
+                <li>Saffron City</li>
+                <li>Skypillar Tower</li>
+            </ul>
+        </div>
+
+    </div>
+    '
+?>
\ No newline at end of file