Skip to content
Snippets Groups Projects
Commit 6935768b authored by Saif Ali's avatar Saif Ali
Browse files

web page mockups

parent 37449d0a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 228 additions and 8 deletions
CSS/style.css
+ 26
− 2
View file @ 6935768b
......@@ -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%;
}
Images/Studienzeitbescheinigung-fuer-das-SS-2019_MET-M_printed-2019-04-11_15-56-53.pdf deleted 100644 → 0
+ 0
− 0
View file @ 37449d0a
File deleted
Images/cooking.png 0 → 100644
+ 0
− 0
View file @ 6935768b
Images/cooking.png

47.7 KiB

Images/csscrashcourse.zip deleted 100644 → 0
+ 0
− 0
View file @ 37449d0a
File deleted
Images/football.jpg 0 → 100644
+ 0
− 0
View file @ 6935768b
Images/football.jpg

283 KiB

Images/football.png 0 → 100644
+ 0
− 0
View file @ 6935768b
Images/football.png

30.3 KiB

Images/maxresdefault.jpg deleted 100644 → 0
+ 0
− 0
View file @ 37449d0a
Images/maxresdefault.jpg

214 KiB

Images/mehtab-acceptance.pdf deleted 100644 → 0
+ 0
− 0
View file @ 37449d0a
File deleted
Images/pollution.jpg 0 → 100644
+ 0
− 0
View file @ 6935768b
Images/pollution.jpg

10.5 KiB

Project Description.pdf 0 → 100644
+ 0
− 0
View file @ 6935768b
File added
adminPanel.html 0 → 100644
+ 34
− 0
View file @ 6935768b
<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 &copy; 2019</p>
</footer>
articles.html 0 → 100644
+ 72
− 0
View file @ 6935768b
<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 &copy; 2019</p>
</footer>
cooking.html 0 → 100644
+ 30
− 0
View file @ 6935768b
<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 &copy; 2019</p>
</footer>
fitness.html
+ 4
− 0
View file @ 6935768b
......@@ -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 &copy; 2019</p>
</footer>
</html>
index.html
+ 32
− 6
View file @ 6935768b
......@@ -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>
......
login.html
+ 13
− 0
View file @ 6935768b
......@@ -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>
......
meditation.html
+ 3
− 0
View file @ 6935768b
......@@ -25,3 +25,6 @@
</nav>
</div>
</header>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
profession.html
+ 4
− 0
View file @ 6935768b
......@@ -25,3 +25,7 @@
</nav>
</div>
</header>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
signup.html
+ 10
− 0
View file @ 6935768b
......@@ -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"/>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment