Skip to content
Snippets Groups Projects
Commit e463e75f authored by Mansoor Saleem's avatar Mansoor Saleem
Browse files

Articles and comment section

parent 89dbb073
No related branches found
No related tags found
1 merge request!1Articles and comment section
Pipeline #3069 failed
Stage: build
Stage: test
This commit is part of merge request !1. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
Showing
with 1 addition and 633 deletions
Files Updated By Mansoor/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>
Files Updated By Mansoor/index.html deleted 100644 → 0
+ 0
− 119
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, Galaxy, others">
<meta name="author" content="Saif Ali">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="5">
<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>
<li><a href="articles!.html">articles!</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="Article" 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>Author: XYZ </h4></i>
<i><h4>Date: DD.MM.YYYY </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>Author: XYZ </h4></i>
<i><h4>Date: DD.MM.YYYY </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>Author: XYZ </h4></i>
<i><h4>Date: DD.MM.YYYY </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>Author: XYZ </h4></i>
<i><h4>Date: DD.MM.YYYY </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>Author: XYZ </h4></i>
<i><h4>Date: DD.MM.YYYY </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>Author: XYZ </h4></i>
<i><h4>Date: DD.MM.YYYY </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>
Files Updated By Mansoor/login.html deleted 100644 → 0
+ 0
− 54
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">
<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>
</body>
<div id="footeraa">
<footer >
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</div>
</html>
Files Updated By Mansoor/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>
Files Updated By Mansoor/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>
Files Updated By Mansoor/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>
Files Updated By Mansoor/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>
Files Updated By Mansoor/signup.html deleted 100644 → 0
+ 0
− 48
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">
<input type="text" placeholder="Username"/>
<input type="text" placeholder="Email Address"/>
<input type="password" placeholder="Password"/>
</form>
<button>create</button>
<p class="message">Already registered? <a href="login.html">Sign In</a></p>
</div>
</div>
</body>
<div id="footeraa">
<footer >
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</div>
Files Updated By Mansoor/styles/article-figure.css deleted 100644 → 0
+ 0
− 6
View file @ 89dbb073
.size-1 { grid-column: 4 / 5; }
.size-2 { grid-column: 3 / 6; }
.size-3 { grid-column: 2 / 7; }
.size-4 { grid-column: 1 / 8; }
img.size-1, img.size-2, img.size-3, img.size-4 { width: 100%; }
\ No newline at end of file
Files Updated By Mansoor/styles/article-figure.txt deleted 100644 → 0
+ 0
− 13
View file @ 89dbb073
.size-1 { grid-column: 4 / 5; }
.size-2 { grid-column: 3 / 6; }
.size-3 { grid-column: 2 / 7; }
.size-4 { grid-column: 1 / 8; }
.size-1 img, .size-2 img, .size-3 img, .size-4 img { width: 100%; }
figcaption {
margin-top: 0.5rem;
display: flex;
justify-content: center;
}
\ No newline at end of file
Files Updated By Mansoor/styles/article-text.css deleted 100644 → 0
+ 0
− 13
View file @ 89dbb073
h2, p { margin-bottom: 2.4rem; }
h1 { font: 700 2.0rem/1.2 "Roboto"; color: hsl(000, 000%, 33%); }
h2 { font: 400 1.5rem/1.2 "Roboto"; color: hsl(000, 000%, 83%); }
time { font: 700 1.0rem/1.2 "Roboto"; color: hsl(250, 100%, 83%); }
h3 { font: 700 1.0rem/1.2 "Roboto"; color: hsl(250, 100%, 67%); }
p { font: 400 1.0rem/1.5 "Roboto"; color: hsl(000, 000%, 33%); }
figcaption p { font: 400 1.0rem/1.5 "Roboto"; color: hsl(000, 000%, 83%); }
a { box-shadow: inset 0 -0.25em hsl(55, 100%, 75%); }
@media (max-width: 8.5in) { :root { font-size: 18px; } }
@media (max-width: 5.0in) { :root { font-size: 16px; } }
\ No newline at end of file
Files Updated By Mansoor/styles/article.css deleted 100644 → 0
+ 0
− 14
View file @ 89dbb073
article {
padding: 0.5in 0;
display: grid;
grid-template-columns: 1fr 0.5in [start] 1.25in 5in 1.25in [end] 0.5in 1fr;
background: linear-gradient(yellow, white 1in);
}
article * { grid-column: start / end; }
@media (max-width: 8.5in) {
article { grid-template-columns: 1fr 5% [start] 15% 60% 15% [end] 5% 1fr; }
}
\ No newline at end of file
Files Updated By Mansoor/styles/debug.css deleted 100644 → 0
+ 0
− 11
View file @ 89dbb073
body * {
color: hsla(210, 100%, 100%, 0.88) !important;
background: hsla(210, 100%, 50%, 0.33) !important;
outline: 0.25rem solid hsla(210, 100%, 100%, 0.50) !important;
}
.debug-center {
display: flex;
justify-content: center;
align-items:
}
\ No newline at end of file
Files Updated By Mansoor/styles/reset.css deleted 100644 → 0
+ 0
− 13
View file @ 89dbb073
:root { font: 20px/1.2 "Roboto", sans-serif; }
body,
body * {
margin: unset;
box-sizing: unset;
padding: unset;
font-size: unset;
color: unset;
text-decoration: unset;
}
figure * { display: block; }
\ No newline at end of file
Files Updated By Mansoor/users.html deleted 100644 → 0
+ 0
− 126
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>
<table class=tableuser border="5";>
<tr class=titletableuser width="10px">
<th>Username</th>
<th>Date</th>
<th>Country</th>
<th></th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<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>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
<td>
<form action="users.html" class="inline">
<button class="button">Delete</button>
</form>
</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
<td>
<form action="users.html" class="inline">
<button class="button">Delete</button>
</form>
</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
<td>
<form action="users.html" class="inline">
<button class="button">Delete</button>
</form>
</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
<td>
<form action="users.html" class="inline">
<button class="button">Delete</button>
</form>
</td>
</tr>
</table>
</body>
<div id="footeraa">
<footer >
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</div>
\ No newline at end of file
First version code @ 82657a9f
Subproject commit 82657a9fee126b00afb9da3dab9a1fe4f1361fe9
Images/Financial-Technology-1-696x378.jpg deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/Financial-Technology-1-696x378.jpg

17.6 KiB

Images/Meditation-PNG-Image.png deleted 100644 → 0
+ 0
− 0
View file @ 89dbb073
Images/Meditation-PNG-Image.png

32.6 KiB

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

47.7 KiB

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

51.8 KiB

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