diff --git a/CSS/style.css b/CSS/style.css
index 073730e5637d547c3870e4ed6af2bda97bdce371..2ebda1307a5ade96c24ac5a8b4cfe6432be74f53 100644
--- a/CSS/style.css
+++ b/CSS/style.css
@@ -166,11 +166,13 @@ color: #ffffff;
position: relative;
z-index: 1;
background: #FFFFFF;
- max-width: 360px;
- margin: 0 auto 100px;
+ max-width: 468px;
+ margin: 60px auto 100px;
padding: 45px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+
+
}
.form input {
font-family: "Roboto", sans-serif;
@@ -212,7 +214,29 @@ color: #ffffff;
.form {
border-top: 20px;
}
+form p {
+ float: left;
+ margin-bottom: 30px;
+}
+form #role{
+ background: #f2f2f2;
+float: left;
+margin-top: 6px;
+ font-family: "Roboto", sans-serif;
+ margin-left: 5px;
+}
+form label{
+ font-family: "Roboto", sans-serif;
+ margin-left: 6px;
+}
+
/*signup **/
.signup{
padding-top: 7%;
}
+/*articles shown in admins dashboard**/
+table {
+ font:15px/1.5 Arial,helvetica,sans-serif;
+ border-collapse: collapse;
+ width: 100%;
+}
diff --git a/Images/Immatrikulationsbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-57-38.pdf b/Images/Immatrikulationsbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-57-38.pdf
deleted file mode 100644
index 9f847d2d8bb1c412f808f5eed7527209265eaaa7..0000000000000000000000000000000000000000
Binary files a/Images/Immatrikulationsbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-57-38.pdf and /dev/null differ
diff --git a/Images/Studienzeitbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-56-53.pdf b/Images/Studienzeitbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-56-53.pdf
deleted file mode 100644
index 9979e296849cf654badad9eca192b93dc0fc5939..0000000000000000000000000000000000000000
Binary files a/Images/Studienzeitbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-56-53.pdf and /dev/null differ
diff --git a/Images/cooking.png b/Images/cooking.png
new file mode 100644
index 0000000000000000000000000000000000000000..febf95ed74957e7e34e77bdd81191c7971449a9c
Binary files /dev/null and b/Images/cooking.png differ
diff --git a/Images/csscrashcourse.zip b/Images/csscrashcourse.zip
deleted file mode 100644
index ef06a35dd1b10eabe1498e1c3c913ad7268bf8af..0000000000000000000000000000000000000000
Binary files a/Images/csscrashcourse.zip and /dev/null differ
diff --git a/Images/football.jpg b/Images/football.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..09ba081de93325d47cb7aeff95fac7d725f56e07
Binary files /dev/null and b/Images/football.jpg differ
diff --git a/Images/football.png b/Images/football.png
new file mode 100644
index 0000000000000000000000000000000000000000..c64810b6b4125c67b3a3c5e50f16a0521445d999
Binary files /dev/null and b/Images/football.png differ
diff --git a/Images/maxresdefault.jpg b/Images/maxresdefault.jpg
deleted file mode 100644
index cb4e26bed258c5eb20884dea95e69b18a227106d..0000000000000000000000000000000000000000
Binary files a/Images/maxresdefault.jpg and /dev/null differ
diff --git a/Images/mehtab-acceptance.pdf b/Images/mehtab-acceptance.pdf
deleted file mode 100644
index 2dcf2c19a930a2ca07990254a8e9c1dd39cf246a..0000000000000000000000000000000000000000
Binary files a/Images/mehtab-acceptance.pdf and /dev/null differ
diff --git a/Images/pollution.jpg b/Images/pollution.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d6c35345afc701a1f469c548d09294a1782b92e2
Binary files /dev/null and b/Images/pollution.jpg differ
diff --git a/Project Description.pdf b/Project Description.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..d9686082b456d5c82a7f4e35770b2b8f96be210e
Binary files /dev/null and b/Project Description.pdf differ
diff --git a/adminPanel.html b/adminPanel.html
new file mode 100644
index 0000000000000000000000000000000000000000..97959e53ca8b3a7ab74b9c1699758c527889c37a
--- /dev/null
+++ b/adminPanel.html
@@ -0,0 +1,34 @@
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width-device-width">
+ <meta name="description" content="Articles and Blogs">
+ <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>
+ <ul>
+ <li ><a href="Articles.html">Articles</a></li>
+
+ </ul>
+</body>
+<footer>
+ <p>Tech-Science Blog, Copyright © 2019</p>
+</footer>
diff --git a/articles.html b/articles.html
new file mode 100644
index 0000000000000000000000000000000000000000..0c6da03d33ad604aa2de8b6a26681a2f20925343
--- /dev/null
+++ b/articles.html
@@ -0,0 +1,72 @@
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width-device-width">
+ <meta name="description" content="Articles and Blogs">
+ <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>
+ <h2>HTML Table</h2>
+
+ <table>
+ <tr>
+ <th>Article</th>
+ <th>Date</th>
+ <th>Edit</th>
+ </tr>
+ <tr>
+ <td>Alfreds Futterkiste</td>
+ <td>Maria Anders</td>
+ <td>Germany</td>
+ </tr>
+ <tr>
+ <td>Centro comercial Moctezuma</td>
+ <td>Francisco Chang</td>
+ <td>Mexico</td>
+ </tr>
+ <tr>
+ <td>Ernst Handel</td>
+ <td>Roland Mendel</td>
+ <td>Austria</td>
+ </tr>
+ <tr>
+ <td>Island Trading</td>
+ <td>Helen Bennett</td>
+ <td>UK</td>
+ </tr>
+ <tr>
+ <td>Laughing Bacchus Winecellars</td>
+ <td>Yoshi Tannamuri</td>
+ <td>Canada</td>
+ </tr>
+ <tr>
+ <td>Magazzini Alimentari Riuniti</td>
+ <td>Giovanni Rovelli</td>
+ <td>Italy</td>
+ </tr>
+ </table>
+
+
+
+</body>
+<footer>
+ <p>Tech-Science Blog, Copyright © 2019</p>
+</footer>
diff --git a/cooking.html b/cooking.html
new file mode 100644
index 0000000000000000000000000000000000000000..77eaa150e6a983be907de31060c6f02976ae0f9a
--- /dev/null
+++ b/cooking.html
@@ -0,0 +1,30 @@
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width-device-width">
+ <meta name="description" content="Articles and Blogs">
+ <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>
+<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>
+
+</body>
+<footer>
+ <p>Tech-Science Blog, Copyright © 2019</p>
+</footer>
diff --git a/fitness.html b/fitness.html
index 142fccfa532aacc532f0cbf7ffc0acf88e133007..b76caaa533483f7e622af957df447019927b317e 100644
--- a/fitness.html
+++ b/fitness.html
@@ -36,4 +36,8 @@
<p2>Yes, this is a fitness blog. So, if you've landed here on Google search and you do not know our blog yet, then check out here. Fitvolution is the fitness blog for busy people. Here we have made it our mission to help you with little time to optimize your training and get your diet under control. In our Blog Categories strength training , cardiovascular training , sports motivation , fitness nutrition and fitness accessories you'll surely one or other useful items for you
</p2>
</body>
+ <footer>
+ <p>Tech-Science Blog, Copyright © 2019</p>
+ </footer>
+
</html>
diff --git a/index.html b/index.html
index 89849ca6eb3180266766e246ee00c085fce65665..bd3bc39f38d56618adf51d55d24a2c71f8c217da 100644
--- a/index.html
+++ b/index.html
@@ -47,26 +47,52 @@
<div class="container">
<div class="box">
<a href="fitness.html"target="_blank"><img src="./Images/fitness_PNG41.png"></a>
- <h3>Fitness Blogs</h3>
+ <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>
+ <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>
<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>
+ <h3>Cooking</h3>
+ <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>
+
+ </div>
</div>
</section>
diff --git a/login.html b/login.html
index 91c6b00bc870bd25fbbc4ea778a5eb33ca1df155..37fc6892d9b3d5eca9c6c03862a63b10173d0e58 100644
--- a/login.html
+++ b/login.html
@@ -29,9 +29,22 @@
<div class="login-page">
<div class="form">
<form class="login-form">
+ <form >
+ <p>
+ <label>Login as</label><br>
+ <select id = "role">
+ <option value = "1">Admin</option>
+ <option value = "2">Author</option>
+ <option value = "3">User</option>
+ </select>
+ </p>
+</form>
<input type="text" placeholder="username"/>
<input type="password" placeholder="password"/>
+ <a href="adminPanel.html">
<button>login</button>
+ </a>
+
<p class="message">Not registered? <a href="signup.html">Create an account</a></p>
</form>
</div>
diff --git a/meditation.html b/meditation.html
index 62ade2de8dc4574288820fe5149cc84af5474028..b42bfa25409c9452a442552f4df45df7c9533de8 100644
--- a/meditation.html
+++ b/meditation.html
@@ -25,3 +25,6 @@
</nav>
</div>
</header>
+<footer>
+ <p>Tech-Science Blog, Copyright © 2019</p>
+</footer>
diff --git a/profession.html b/profession.html
index 62ade2de8dc4574288820fe5149cc84af5474028..fc462557573555f6dd98bcac1334ee9317e960bf 100644
--- a/profession.html
+++ b/profession.html
@@ -25,3 +25,7 @@
</nav>
</div>
</header>
+
+<footer>
+ <p>Tech-Science Blog, Copyright © 2019</p>
+</footer>
diff --git a/signup.html b/signup.html
index 2aed2f5225b8ed26bc71f3c86675472c28248e76..9e68d5996bcaff2902ccdd79b6ea5841ff2b8bc9 100644
--- a/signup.html
+++ b/signup.html
@@ -30,6 +30,16 @@
<div class="signup">
<div class="form">
<form class="register-form">
+ <form >
+ <p>
+ <label>Sign up as</label><br>
+ <select id = "role">
+
+ <option value = "2">Author</option>
+ <option value = "3">User</option>
+ </select>
+ </p>
+</form>
<input type="text" placeholder="name"/>
<input type="password" placeholder="password"/>
<input type="text" placeholder="email address"/>