Index Page Artile Sorting, Buttons on Admin Page, Anonymous Comments Page

2a186ca2 · Muhammad Butt · 692d475b · 2a186ca2 · 2a186ca2 · 2a186ca2
Commit 2a186ca2 authored 5 years ago by Muhammad Butt
--- a/Anonymous Comment.html
+++ b/Anonymous Comment.html
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width-device-width">
+  <meta name="description" content="Anonymous Comment">
+  <meta name="keywords" content="web design, fitness , meditation , professional, others">
+  <meta name="author" content="Saif Ali">
+  <title>Blogs| Welcome</title>
+  <link rel="stylesheet" href="./css/style.css">
+</head>
+<body>
+<header>
+<div class="container" >
+  <div id="branding">
+    <h1><span class="highlight">Articles</span> and Blogs</h1>
+      </div>
+    <nav>
+      <ul>
+        <li class="current"><a href="index.html">Home</a></li>
+        <li><a href="About.html">About</a></li>
+        <li><a href="Services.html">Services</a></li>
+        <li><a href="login.html">Login</a></li>
+         
+      </ul>
+    </nav>
+  </div>
+</header>
+<body>
+
+
+  <table class=tableuser border="5";>
+    <tr class=titletableuser width="10px">
+      <th>Anonymous 1 </th>
+      <th>Date</th>
+      <th>Country</th>
+	  <th></th>
+
+    </tr>
+    <tr>
+      <td>Anonymous 1</td>
+      <td>Maria Anders</td>
+      <td>Germany</td>
+	<td>
+
+
+	<form action="users.html" class="inline">
+    <button class="button">Approved</button>
+		<button class="button">Delete</button>
+
+	</form>
+
+	</td>
+
+    </tr>
+    <tr>
+      <td>Anonymous 2</td>
+      <td>Francisco Chang</td>
+      <td>Mexico</td>
+	  <td>
+
+
+	<form action="users.html" class="inline">
+    <button class="button">Approved</button>
+		<button class="button">Delete</button>
+
+	</form>
+
+	</td>
+    </tr>
+    <tr>
+      <td>Anonymous 3</td>
+      <td>Roland Mendel</td>
+      <td>Austria</td>
+	  <td>
+
+
+	<form action="users.html" class="inline">
+    <button class="button">Approved</button>
+		<button class="button">Delete</button>
+	</form>
+
+	</td>
+    </tr>
+    <tr>
+      <td>Anonymous 4</td>
+      <td>Helen Bennett</td>
+      <td>UK</td>
+	  <td>
+
+
+	<form action="users.html" class="inline">
+    <button class="button">Approved</button>
+		<button class="button">Delete</button>
+	</form>
+
+	</td>
+    </tr>
+    <tr>
+      <td>Anonymous 5</td>
+      <td>Yoshi Tannamuri</td>
+      <td>Canada</td>
+	  <td>
+
+
+	<form action="users.html" class="inline">
+    <button class="button">Approved</button>
+		<button class="button">Delete</button>
+	</form>
+
+	</td>
+    </tr>
+    <tr>
+      <td>Anonymous 6</td>
+      <td>Giovanni Rovelli</td>
+      <td>Italy</td>
+	  <td>
+
+
+	<form action="users.html" class="inline">
+    <button class="button">Approved</button>
+		<button class="button">Delete</button>
+	</form>
+
+	</td>
+    </tr>
+
+  </table>
+
+
+  <div id="footeraa">
+  <footer >
+    <p>Tech-Science Blog, Copyright &copy; 2019</p>
+  </footer>
+  </div>
+</body>
--- a/CSS/style.css
+++ b/CSS/style.css
@@ -290,9 +290,9 @@ table {
 }

 .buttondiv{
-	
-  margin-top:50px;
-  margin-left:200px;
+
+  margin-top:10px;
+  margin-left:10px;

 }
 .tableuser{
@@ -340,9 +340,12 @@ table {
 }

 /* Login signup alignment*/
-::-webkit-input-placeholder { 
+::-webkit-input-placeholder {
 text-align:center;
 }
-
-
-
+#newsletter .container form .box a {
+	font-size: 14px;
+}
+#newsletter .container form div .box a {
+	font-family: Times New Roman, Times, serif;
+}
--- a/Project Description.pdf
+++ b/Project Description.pdf
--- a/about.html
+++ b/about.html
@@ -21,6 +21,7 @@
          <li class="current"><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li
          <li><a href="login.html">Login</a></li>
+           
        </ul>
      </nav>
    </div>

--- a/adminPanel.html
+++ b/adminPanel.html
@@ -38,16 +38,13 @@
 <form action="articles.html" class="inline">
 	<button class="adminpanelbutton">Articles</button>
 </form>
-
+<form action="Anonymous Comment.html" class="inline">
+		<button class="adminpanelbutton">Anonomus comment</button>
+</form>

 </div>


 <body>
- 
+
 </body>
-<div id="footeraa">
-<footer >
-  <p>Tech-Science Blog, Copyright &copy; 2019</p>
-</footer>
-</div>
\ No newline at end of file
--- a/articles.html
+++ b/articles.html
@@ -19,13 +19,14 @@
        <li><a href="About.html">About</a></li>
        <li><a href="Services.html">Services</a></li>
        <li><a href="login.html">Login</a></li>
+       
      </ul>
    </nav>
  </div>
 </header>
 <body>

-  
+
  <table class=tableuser border="5";>
    <tr class=titletableuser width="10px">
      <th>Article Titles</th>
@@ -39,26 +40,26 @@
      <td>Maria Anders</td>
      <td>Germany</td>
 	<td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
-	  
+
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td>
      <td>Francisco Chang</td>
      <td>Mexico</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -66,12 +67,12 @@
      <td>Roland Mendel</td>
      <td>Austria</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -79,12 +80,12 @@
      <td>Helen Bennett</td>
      <td>UK</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -92,12 +93,12 @@
      <td>Yoshi Tannamuri</td>
      <td>Canada</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -105,15 +106,15 @@
      <td>Giovanni Rovelli</td>
      <td>Italy</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
-	
+
  </table>



--- a/author.html
+++ b/author.html
@@ -19,12 +19,13 @@
        <li><a href="About.html">About</a></li>
        <li><a href="Services.html">Services</a></li>
        <li><a href="login.html">Login</a></li>
+       
      </ul>
    </nav>
  </div>
 </header>
 <body>
-  
+

  <table class=tableuser border="5";>
    <tr class=titletableuser width="10px">
@@ -39,26 +40,26 @@
      <td>Maria Anders</td>
      <td>Germany</td>
 	<td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
-	  
+
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td>
      <td>Francisco Chang</td>
      <td>Mexico</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -66,12 +67,12 @@
      <td>Roland Mendel</td>
      <td>Austria</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -79,12 +80,12 @@
      <td>Helen Bennett</td>
      <td>UK</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -92,12 +93,12 @@
      <td>Yoshi Tannamuri</td>
      <td>Canada</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -105,15 +106,15 @@
      <td>Giovanni Rovelli</td>
      <td>Italy</td>
 	  <td>
-		
+

 	<form action="articles.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
-	
+
  </table>


@@ -123,4 +124,4 @@
 <footer >
  <p>Tech-Science Blog, Copyright &copy; 2019</p>
 </footer>
-</div>
\ No newline at end of file
+</div>
--- a/cooking.html
+++ b/cooking.html
@@ -18,12 +18,13 @@
          <li><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
+           
        </ul>
      </nav>
    </div>
 </header>
 <body>
-  
+
 </body>
 <footer>
  <p>Tech-Science Blog, Copyright &copy; 2019</p>

--- a/fitness.html
+++ b/fitness.html
@@ -21,6 +21,7 @@
        <li><a href="About.html">About</a></li>
        <li><a href="Services.html">Services</a></li>
        <li><a href="login.html">Login</a></li>
+         
      </ul>
    </nav>
  </div>

--- a/football.html
+++ b/football.html
@@ -18,6 +18,7 @@
          <li><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
+           
        </ul>
      </nav>
    </div>

--- a/index.html
+++ b/index.html
@@ -6,8 +6,11 @@
    <meta name="description" content="Articles and Blogs">
    <meta name="keywords" content="web design, fitness , meditation , professional, others">
    <meta name="author" content="Saif Ali">
+    <meta name="viewport" content="width=device-width">
    <title>Blogs| Welcome</title>
    <link rel="stylesheet" href="./css/style.css">
+    <!-- Mobile -->
+    <link href="../Index.html.css" rel="stylesheet" type="text/css" media="only screen and (max-width:800px)">
  </head>
  <body>
 <header>
@@ -21,8 +24,10 @@
          <li><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
+
        </ul>
      </nav>
+
    </div>
 </header>

@@ -31,6 +36,7 @@
      <h1>Publish your desired Articles</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique odio ac tortor consectetur, nec luctus ipsum mollis. Aenean id maximus lorem. </p>
    </div>
+    
  </section>

      <section id="newsletter">
@@ -39,58 +45,80 @@
          <form>
            <input type="email" placeholder="Enter Article Name....">
            <button type="submit" class="button_1">Search</button>
+            <div align="left"><span class="box"><a href="pollution.html" title="Artical Sort By"target="new">
+            </a></span></div>
+            <span class="box"><a href="pollution.html" title="Artical Sort By"target="new">
+            </a></span><span class="box"><a href="pollution.html" title="Artical Sort By" target="new">
+            <label>
+            </label>
+            </a>
+            <label></label>
+            </span>
+            <label>
+              <div align="left"><span class="box"><a href="pollution.html" title="Artical Sort By" target="new">
+                </a></span>
+                <div align="right"><span class="box"><a href="pollution.html" title="Artical Sort By" target="new">Sort by Order
+                  <select>
+                    <option>Ascending</option>
+                    <option selected>Descending</option>
+                    <option>Latest</option>
+                    <option>Old</option>
+                  </select>
+                </a></span></div>
+              <span class="box"><a href="pollution.html" title="Artical Sort By" target="new">                </a></span></div>
+            </label>
+            <span class="box"><a href="pollution.html" title="Artical Sort By" target="new"></a><a href="pollution.html" title="Artical Sort By"target="new"></a></span><span class="box"><a href="pollution.html" title="Artical Sort By"target="new">            </a></span>
          </form>
        </div>
      </section>

    <section id="boxes">
-<div class="container">
-  <div class="box">
-  <a href="fitness.html"target="_blank"><img src="./Images/fitness_PNG41.png"></a>
-    <h3>Fitness</h3>
-    <i><h4>by Saif Ali on 22-4-19</h4></i>
-    <p>To get started, I want to start with the idea of the all-rounder among the fitness blogs.</p>
-  </div>
-    <div class="box">
-  <a href="meditation.html"target="_blank">
-    <img src="./Images/Meditation-PNG-Image.png">
-    </a>
-  <h3>Meditation</h3>
-    <i><h4>by Saif Ali on 22-4-19</h4></i>
-      <p>If you’re brand new to meditation, this is a great place to start.</p>
-</div>
-      <div class="box">
-<a href="profession.html"target="_blank">
-        <img src="./Images/rb-tlds-profession.png" alt="">
-</a>
-        <h3>Professions</h3>
-          <i><h4>by Saif Ali on 22-4-19</h4></i>
-        <p>The definition of professionalism is widespread and unique to whomever you may ask about it.</p>
+      <div class="container">
+        <div class="box"> <a href="fitness.html"target="_blank"><img src="./Images/fitness_PNG41.png"></a>
+          <h3>Fitness</h3>
+          <i>
+            <h4>by Saif Ali on 22-4-19</h4>
+          </i>
+          <p>To get started, I want to start with the idea of the all-rounder among the fitness blogs.</p>
+        </div>
+        <div class="box"> <a href="meditation.html"target="_blank"> <img src="./Images/Meditation-PNG-Image.png"> </a>
+          <h3>Meditation</h3>
+          <i>
+            <h4>by Saif Ali on 22-4-19</h4>
+          </i>
+          <p>If you’re brand new to meditation, this is a great place to start.</p>
+        </div>
+        <div class="box"> <a href="profession.html"target="_blank"> <img src="./Images/rb-tlds-profession.png" alt=""> </a>
+          <h3>Professions</h3>
+          <i>
+            <h4>by Saif Ali on 22-4-19</h4>
+          </i>
+          <p>The definition of professionalism is widespread and unique to whomever you may ask about it.</p>
        </div>
-        <div class="box">
-          <a href="football.html"target="_blank"><img src="./Images/football.png" alt="">
-      </a>
-      <h3>Football</h3>
-        <i><h4>by Saif Ali on 22-4-19</h4></i>
-      <p>We at the Fanatic love for football recognize the many great football blogs and websites .</p>
-</div>
-      <div class="box">
-        <a href="pollution.html"target="_blank"><img src="./Images/pollution.jpg" alt="">
-        </a>
-        <h3>Pollution</h3>
-          <i><h4>by Saif Ali on 22-4-19</h4></i>
-        <p>Short-lived climate pollutants like blackcarbons and methane aren't as well-known.</p>
-</div>
-        <div class="box">
-          <a href="cooking.html"target="_blank"><img src="./Images/cooking.png" alt="">
-          </a>
+        <div class="box"> <a href="football.html"target="_blank"><img src="./Images/football.png" alt=""> </a>
+          <h3>Football</h3>
+          <i>
+            <h4>by Saif Ali on 22-4-19</h4>
+          </i>
+          <p>We at the Fanatic love for football recognize the many great football blogs and websites .</p>
+        </div>
+        <div class="box"> <a href="pollution.html"target="_blank"><img src="./Images/pollution.jpg" alt=""> </a>
+          <h3>Pollution</h3>
+          <i>
+            <h4>by Saif Ali on 22-4-19</h4>
+          </i>
+          <p>Short-lived climate pollutants like blackcarbons and methane aren't as well-known.</p>
+        </div>
+        <div class="box"> <a href="cooking.html"target="_blank"><img src="./Images/cooking.png" alt=""> </a>
          <h3>Cooking</h3>
-  <i><h4>by Saif Ali on 22-4-19</h4></i>
+          <i>
+            <h4>by Saif Ali on 22-4-19</h4>
+          </i>
          <p>Well-tested interesting recipes, food science, techniques, equipment, and even food histories.</p>
-
        </div>
-
      </div>
+      <form action="" method="post" name="form1" target="new" id="sidebar">
+      </form>

        </div>
  </div>

--- a/login.html
+++ b/login.html
@@ -22,6 +22,7 @@
            <li><a href="About.html">About</a></li>
            <li><a href="Services.html">Services</a></li>
            <li class="current"><a href="login.html">Login</a></li>
+             
          </ul>
        </nav>
      </div>
@@ -29,18 +30,18 @@
    <div class="login-page">
  <div class="form">
    <form class="login-form">
-   
+
      <input type="text" placeholder="Username" />
      <input type="password" placeholder="Password"/>
      <a href="adminPanel.html">
      <button>login</button>
      </a>
-      
+
    </form>
 	<p class="message">Not registered? <a href="signup.html">Create an account</a></p>

  </div>
-  
+
 </div>



--- a/meditation.html
+++ b/meditation.html
@@ -21,6 +21,7 @@
          <li><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
+           
        </ul>
      </nav>
    </div>

--- a/pollution.html
+++ b/pollution.html
@@ -18,6 +18,7 @@
          <li><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
+           
        </ul>
      </nav>
    </div>

--- a/profession.html
+++ b/profession.html
@@ -21,6 +21,7 @@
          <li><a href="About.html">About</a></li>
          <li><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
+           
        </ul>
      </nav>
    </div>

--- a/services.html
+++ b/services.html
@@ -21,7 +21,8 @@
          <li><a href="About.html">About</a></li>
          <li class="current"><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
-        
+           
+
        </ul>
      </nav>
    </div>

--- a/signup.html
+++ b/signup.html
@@ -22,6 +22,7 @@
            <li><a href="About.html">About</a></li>
            <li><a href="Services.html">Services</a></li>
            <li class="current"><a href="login.html">Login</a></li>
+             
          </ul>
        </nav>
      </div>
@@ -30,7 +31,7 @@
    <div class="signup">
 <div class="form">
  <form class="register-form">
-  
+
    <input type="text" placeholder="Username"/>
       <input type="text" placeholder="Email Address"/>
 <input type="password" placeholder="Password"/>

--- a/users.html
+++ b/users.html
@@ -19,12 +19,13 @@
        <li><a href="About.html">About</a></li>
        <li><a href="Services.html">Services</a></li>
        <li><a href="login.html">Login</a></li>
+     
      </ul>
    </nav>
  </div>
 </header>
 <body>
-  
+

  <table class=tableuser border="5";>
    <tr class=titletableuser width="10px">
@@ -39,26 +40,26 @@
      <td>Maria Anders</td>
      <td>Germany</td>
 	<td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
-	  
+
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td>
      <td>Francisco Chang</td>
      <td>Mexico</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -66,12 +67,12 @@
      <td>Roland Mendel</td>
      <td>Austria</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -79,12 +80,12 @@
      <td>Helen Bennett</td>
      <td>UK</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -92,12 +93,12 @@
      <td>Yoshi Tannamuri</td>
      <td>Canada</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
    <tr>
@@ -105,15 +106,15 @@
      <td>Giovanni Rovelli</td>
      <td>Italy</td>
 	  <td>
-		
+

 	<form action="users.html" class="inline">
 		<button class="button">Delete</button>
 	</form>
-	
+
 	</td>
    </tr>
-	
+
  </table>


@@ -123,4 +124,4 @@
 <footer >
  <p>Tech-Science Blog, Copyright &copy; 2019</p>
 </footer>
-</div>
\ No newline at end of file
+</div>