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

Merge branch 'Mansoor_01' into 'master' 

Articles and comment section

See merge request !1
parents 89dbb073 e463e75f
No related branches found
No related tags found
1 merge request!1Articles and comment section
Pipeline #3071 failed
Stage: build
Stage: test
Hide whitespace changes
Inline Side-by-side
Showing
with 0 additions and 716 deletions
Images/football.jpg deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/football.jpg

283 KiB

Images/football.png deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/football.png

30.3 KiB

Images/pollution.jpg deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/pollution.jpg

10.5 KiB

Images/rb-tlds-profession.png deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/rb-tlds-profession.png

64.3 KiB

Images/showcase.jpg deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/showcase.jpg

137 KiB

Project Description.pdf deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
File deleted
Read it.txt deleted 100644 → 0
+ 0
− 32
View file @ 89dbb073
the website is almost done ....but if you want to make it compatible to mobile devices then add the following
codes at the end of footer in style.css
/* Media Queries */
@media(max-width: 768px){
header #branding,
header nav,
header nav li,
#newsletter h1,
#newsletter form,
#boxes .box
article#main-col,
aside#sidebar{
float:none;
text-align:center;
width:100%;
}
header{
padding-bottom:20px;
}
#showcase h1{
margin-top:40px;
}
#newsletter button, quote button{
display:block;
width:100%
}
#newsletter form input[type="email"], .quote input, quote textarea{
width:100%
margin-bottom:5px;
}
}
\ No newline at end of file
about.html deleted 100644 → 0
+ 0
− 72
View file @ 89dbb073
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width">
<meta name="description" content="Articles and Published Blogs">
<meta name="keywords" content="web design, fitness , meditation , professional, others">
<meta name="author" content="Saif Ali">
<title>Blogs| About</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 ><a href="index.html">Home</a></li>
<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>
</header>
<section id="newsletter">
<div class="container">
<h1>Subscribe to our Blogs</h1>
<form>
<input type="email" placeholder="Enter Username....">
<button type="submit" class="button_1">Subscribe</button>
</form>
</div>
</section>
<section id="main">
<div class="container">
<article id="main-col">
<h1 class="page-title">About Us</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. Pellentesque sit amet dolor sed odio euismod ultrices vel in diam. Nullam euismod lectus non ex auctor pulvinar. Praesent a lorem pharetra, vestibulum lacus in, luctus diam. Mauris nibh odio, mollis in tincidunt ac, lobortis quis mi. Pellentesque vestibulum venenatis felis eu condimentum. Praesent enim nulla, eleifend sit amet mauris in, luctus aliquet dolor. Nullam vulputate mattis imperdiet. Vestibulum augue nisi, aliquet in lectus sit amet, tincidunt tempus diam. Vivamus ac magna nunc. Sed sit amet pellentesque risus. Mauris sodales in eros mattis egestas.
</p>
<p class="dark">
Pellentesque est tortor, tempus quis erat sit amet, dictum interdum arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce fermentum interdum venenatis. Etiam ac nisi libero. Suspendisse est magna, vulputate eu efficitur sit amet, ullamcorper vitae ex. Donec hendrerit eros nunc, sed vulputate leo pellentesque sed. Vestibulum rutrum bibendum lacus sit amet dictum. Proin eget lorem vel felis feugiat accumsan. Nam et lobortis velit.
</p>
</article>
<aside id="sidebar">
<div class="dark">
<h3>What We Do</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus .
</p>
</div>
</aside>
</div>
</section>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</body>
</html>
adminPanel.html deleted 100644 → 0
+ 0
− 34
View file @ 89dbb073
<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 deleted 100644 → 0
+ 0
− 72
View file @ 89dbb073
<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 deleted 100644 → 0
+ 0
− 30
View file @ 89dbb073
<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 deleted 100644 → 0
+ 0
− 43
View file @ 89dbb073
<!DOCTYPE html>
<html lang="en" dir="ltr">
<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>
<p>To get started, I want to start with the idea of ​​the all-rounder among the fitness blogs. These blogs are about different fitness topics. They all have a focus, but are relatively broad in content. On this site, every fitness enthusiast can find something suitable.
</p>
</body>
<h1>1) Fitvolution</h1>
<body>
<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>
football.html deleted 100644 → 0
+ 0
− 27
View file @ 89dbb073
<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>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
index.html deleted 100644 → 0
+ 0
− 110
View file @ 89dbb073
<!DOCTYPE html>
<html>
<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>
<section id="showcase">
<div class="container">
<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">
<div class="container">
<h1>Subscribe to our Blogs</h1>
<form>
<input type="email" placeholder="Enter Article Name....">
<button type="submit" class="button_1">Search</button>
</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>
<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>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</body>
</html>
login.html deleted 100644 → 0
+ 0
− 56
View file @ 89dbb073
<!DOCTYPE html>
<html>
<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><a href="index.html">Home</a></li>
<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>
</header>
<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>
</div>
</body>
</html>
meditation.html deleted 100644 → 0
+ 0
− 30
View file @ 89dbb073
<!DOCTYPE html>
<html>
<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>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
pollution.html deleted 100644 → 0
+ 0
− 27
View file @ 89dbb073
<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>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
profession.html deleted 100644 → 0
+ 0
− 31
View file @ 89dbb073
<!DOCTYPE html>
<html>
<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>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
services.html deleted 100644 → 0
+ 0
− 101
View file @ 89dbb073
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width"
<meta name="description" content="Articles and Published Blogs">
<meta name="keywords" content="web design, fitness , meditation , professional, others">
<meta name="author" content="Saif Ali">
<title>Blogs| About</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">Services</span> and Blogs</h1>
</div>
<nav>
<ul>
<li ><a href="index.html">Home</a></li>
<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>
</header>
<section id="newsletter">
<div class="container">
<h1>Subscribe to our Blogs</h1>
<form>
<input type="email" placeholder="Enter Username....">
<button type="submit" class="button_1">Subscribe</button>
</form>
</div>
</section>
<section id="main">
<div class="container">
<article id="main-col">
<h1 class="page-title">Services</h1>
<ul id="services">
<li>
<h3>Website Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. </p>
<p>pricing : 1,000$-3,000$
</p>
</li>
<li>
<h3>Website Maintenace</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. </p>
<p>pricing : 240$ per month
</p>
</li>
<li>
<h3>Website Hosting</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. </p>
<p>pricing : 25$ per month
</p>
</li>
</ul>
</article>
<aside id="sidebar">
<div class="dark">
<h3>Get a Quote</h3>
<form class="quote">
<div>
<label>Name</label><br>
<input type="text" placeholder="Name">
</div>
<div>
<label>Email</label><br>
<input type="Email" placeholder="Email Adress">
</div>
<div>
<label>Message</label><br>
<textarea placeholder="Message"></textarea>
</div>
<button class="button-1" type="submit">Send</button>
</form>
</div>
</aside>
</div>
</section>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</body>
</html>
signup.html deleted 100644 → 0
+ 0
− 51
View file @ 89dbb073
<!DOCTYPE html>
<html>
<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><a href="index.html">Home</a></li>
<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>
</header>
<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"/>
<button>create</button>
<p class="message">Already registered? <a href="login.html">Sign In</a></p>
</form>
</div>
</div>
</body>
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