Working on about page

about.html

@@ -41,71 +41,52 @@ <h1 class="logo-text keylime-logotype"> KeyLime </h1>
       </div>
       <div id="nav-cont" class="row">
         <a href="account.html">Account</a>
+        <a href="about.html">About</a>
       </div>
     </nav>
   </header>
 
   <main class="grid x24">
-    <aside id="profile-section" class="accounts grid x24">
-      <div class="profile-pic">
 
-        <h2> Allie Webber </h2>
-        <figure>
-          <img src="images/profile-picture1.png" alt="Profile Picture">
-        </figure>
-      </div>
-      <div class="info">
 
-        <h3> About </h3>
 
-        <p> Studies criminology at UBC</p>
-        <p> Lives in Vancouver, British Columbia</p>
-        <p> Born in Boise, Idaho</p>
-      </div>
+    <section id="feed">
+      <article class="post-cont">
 
-    </aside>
+        <div id="intro-copy" class=" row">
+            <h2> &nbsp&nbsp&nbspAbout the Company</h2>
+            <p>Keylime is a social media platform made for <em> you</em> in a time where corporations do not respect your privacy and sell your personal information. We ask our users to pay a small subscription fee in order to keep their information safe, and their social media advertisement free. </p>
+        </div>
 
+      </article>
 
-    <article id="settings-cont" class="grid x24 xR2">
-      <section class="stats-cont ">
-        <div>
+      <article class="post-cont">
 
-          <h3> Username </h3>
-          <p> allie.webber92 </p>
+        <div id="intro-copy" class=" row">
+            <h2> &nbsp&nbsp&nbspContact us</h2>
+            <p> Feel free to contact us anytime with the following information. <br>
+            Email: [email protected] <br>
+            Phone: 604-560-9988 <br>
+            Address: 2579  Victoria Park Ave, Toronto</p>
         </div>
-      </section>
-      <!--  -->
-      <section class="stats-cont">
-        <div>
 
-          <h3 class=""> Followers </h3>
-          <p> 213 Followers </p>
+      </article>
+
+      <article class="post-cont">
+
+        <div id="intro-copy" class=" row">
+            <h2> &nbsp&nbsp&nbspCompany Updates</h2>
+            <p> <em>November 28, 2019:</em> We have recently added a groups feature for further privacy! Not only is your information always safe with us, but not you can personalize who you are sharing your content with. </p>
+            <p> <em>July 18, 2019:</em> We slightly lowered our subscription fee so that more people can afford to use social media in privacy! </p>
+            <p> <em>May 18, 2019:</em> We have adjusted the interface of our content feed! Please contact us to let us know how you feel about these chages. </p>
         </div>
-      </section>
-      <!--  -->
-      <section class="stats-cont">
-        <h3> Following </h3>
-        <p> 187 Following </p>
-      </section>
-      <!--  -->
-      <section class="stats-cont">
-        <h3> Posts </h3>
-        <p> 11 Posts </p>
-      </section>
-      <!--  -->
-      <section class="stats-cont">
-        <h3> Images </h3>
-        <p> 28 Images </p>
-      </section>
-      <!--  -->
-      <section class="stats-cont">
-        <h3> Videos </h3>
-        <p> 5 Videos </p>
-      </section>
-
-    </article>
-
-
+
+      </article>
+
+
+        </section>
+
+
   </main>
 
 </body>

account.html

@@ -41,6 +41,7 @@ <h1 class="logo-text keylime-logotype"> KeyLime </h1>
       </div>
       <div id="nav-cont" class="row">
         <a href="account.html">Account</a>
+        <a href="about.html">About</a>
       </div>
     </nav>
   </header>

billing.html

@@ -38,6 +38,7 @@ <h1 class="logo-text"> KeyLime </h1>
       <div id="nav-cont" class="row">
         <!-- <a class="active" href="index.html">Home</a> -->
         <a href="account.html">Account</a>
+        <a href="about.html">About</a>
         <!-- <a href="subscription.html">Subscription</a> -->
       </div>
     </nav>

editprofile.html

@@ -42,6 +42,7 @@ <h1 class="logo-text keylime-logotype"> KeyLime </h1>
       <div id="nav-cont" class="row">
         <!-- <a class="active" href="index.html">Home</a> -->
         <a href="account.html">Account</a>
+        <a href="about.html">About</a>
         <!-- <a href="subscription.html">Subscription</a> -->
       </div>
     </nav>

homepage.html

@@ -38,6 +38,7 @@ <h1 class="logo-text keylime-logotype"> KeyLime </h1>
       <div id="nav-cont" class="row">
         <!-- <a class="active" href="index.html">Home</a> -->
         <a href="account.html">Account</a>
+        <a href="about.html">About</a>
         <!-- <a href="subscription.html">Subscription</a> -->
       </div>
     </nav>

subscription.html

@@ -40,6 +40,7 @@ <h1 class="logo-text"> KeyLime </h1>
            <div id="nav-container">
              <a href="index.html">Home</a>
              <a href="account.html">Account</a>
+             <a href="about.html">About</a>
              <a class="active" href="subscription.html">Subscription</a>
            </div>
           </div>