add

Pipfile

@@ -1,5 +1,5 @@
 [[source]]
-url = "https://pypi.org/simple"
+url = "https://lab.raqnet.org/control/hometab"
 verify_ssl = true
 name = "pypi"
 

app/templates/base.html

@@ -31,6 +31,7 @@
                 <div class="navbar-nav">
                     {% if user.is_authenticated %} <!-- shows only if user is logged in -->
                     <a class="nav-item nav-link" id="profile" href="/">My Hometab</a>
+                    <a class="nav-item nav-link" id="profile" href="/create_bookmark">Create a Bookmark</a>
                     <a class="nav-item nav-link" id="shared" href="/shared">Shared Hometabs</a>
                     <a class="nav-item nav-link" id="logout" href="/logout">Logout</a>
                     {% else %}

app/templates/create_bookmark.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="mx-auto text-center">
+<h1>Create your bookmark</h1>
+<form method="POST" enctype="multipart/form-data">
+    <label for="website_link">Website Link</label><br>
+    <input type="text" id="website_link" name="website_link"><br>
+    <label for="Description">Description</label><br>
+    <input type="text" id="Description" name="Description">
+    <!-- Choose Public or Private-->
+    <p>Share the bookmark to anyone or Private?</p>
+    <input type="radio" id="share_public_private" name="share_public_private" value="Public" checked="checked">
+    <label for="Public">Public</label><br>
+    <input type="radio" id="share_public_private" name="share_public_private" value="Private">
+    <label for="Private">Private</label><br>
+    <!---	Automatic Icon Usage (using links from external icon sites)-->
+    <button type="submit">Create</button>
+</form>
+\{% endblock %}
+</div>

app/templates/edit_bookmark.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="mx-auto text-center">
+<h1>Modify your bookmark</h1>
+<form method="POST" enctype="multipart/form-data">
+    <label for="website_link">Website Link</label><br>
+    <input type="text" id="website_link" name="website_link"><br>
+    <label for="Description">Description</label><br>
+    <input type="text" id="Description" name="Description">
+    <!-- Choose Public or Private-->
+    <p>Share the bookmark to anyone or Private?</p>
+    <input type="radio" id="share_public_private" name="share_public_private" value="Public">
+    <label for="Public">Public</label><br>
+    <input type="radio" id="share_public_private" name="share_public_private" value="Private">
+    <label for="Private">Private</label><br>
+    <!---	Automatic Icon Usage (using links from external icon sites)-->
+    <button type="submit">Modify</button>
+</form>
+\{% endblock %}
+</div>

app/templates/home.html

@@ -3,5 +3,51 @@
 {% block content %}
 <div class="mx-auto text-center">
 <h1>Your Hometab</h1>
+<p>Current Bookmark created:(It shows a number to count all the users total create how many bookmarks)</p>
+<hr style="border: 5px dashed black;"/>
+
+<!------  Profile Information ---------->
+<p>Profile Information</p>
+<div class="card">
+    <img src="userimg.jpg" style="width:100%"><p>(Show user image)</p>
+    <h1>(User name)</h1>
+    <p>(email)</p>
+</div>
+<hr style="border: 5px dashed black;"/>
+
+<!------  Change Password ---------->
+<p>Change Password</p> 
+<form>
+    <label for="password">Password</label><br>
+    <input type="text" id="password" name="password"><br>
+    <label for="password_confirm">Password(Confirm)</label><br>
+    <input type="text" id="password_confirm" name="password_confirm">
+    <br>
+    <input type="submit" value="Submit">
+</form>
+<hr style="border: 5px dashed black;"/>
+
+<!------  Upload Profile Image ---------->
+<p>Upload Profile Image</p> 
+<form action="/" method="POST" enctype="multipart/form-data">
+    <input type="file" id="profile_image" name="filename">   
+    <input type="submit" value="Upload">
+</form>
+<hr style="border: 5px dashed black;"/>
+
+<!------  List of bookmarks you have created ---------->
+<p>List of bookmarks you have created</p>
+
+<form action="/" method="POST">
+<input type="submit" value="Download"><p>(a button for downloading their bookmarks for backup)</p>
+</form>
+<!------  The edit button of the page is edit_bookmark.html ---------->
+<p>(Each bookmark will have an edit button for creators to manage their bookmarks (the edit button will redirect to the edit page where the user can change it to public or private, modify the link, description)</p>
+<div class="card">
+    <p>Automatic Icon Usage (using links from external icon sites)</p>
+    <p>(Website Link)</p>
+    <p>(Description)</p>
+    <button type="submit">Edit</button>
+</div>
 {% endblock %}
-</div>
+</div>

app/templates/shared.html

@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="mx-auto text-center">
+<h1>Shared Hometab</h1>
+<p>(list all public bookmark)</p>
+<p>1.Automatic Icon Usage (using links from external icon sites)</p>
+<p>2.website link</p>
+<p>3.description</p>
+{% endblock %}
+</div>