Skip to content
Snippets Groups Projects
Commit 2a186ca2 authored by Muhammad Butt's avatar Muhammad Butt
Browse files

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

parent 692d475b
Branches ali01
No related tags found
1 merge request!1Index Page Artile Sorting, Buttons on Admin Page, Anonymous Comments Page
<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>
......@@ -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;
}
File added
......@@ -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>
......
......@@ -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
......@@ -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>
......
......@@ -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>
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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"/>
......
......@@ -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>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment