Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • mb23823/tech-science
  • sa23587/tech-science
2 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 597 additions and 0 deletions
index.html 0 → 100644
View file @ 1f96e7ee
<!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 0 → 100644
View file @ 1f96e7ee
<!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>
meditation.html 0 → 100644
View file @ 1f96e7ee
<!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 0 → 100644
View file @ 1f96e7ee
<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 0 → 100644
View file @ 1f96e7ee
<!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 0 → 100644
View file @ 1f96e7ee
<!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 0 → 100644
View file @ 1f96e7ee
<!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>
styles/article-figure.css 0 → 100644
View file @ 1f96e7ee
.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
styles/article-figure.txt 0 → 100644
View file @ 1f96e7ee
.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
styles/article-text.css 0 → 100644
View file @ 1f96e7ee
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
styles/article.css 0 → 100644
View file @ 1f96e7ee
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
styles/debug.css 0 → 100644
View file @ 1f96e7ee
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
styles/reset.css 0 → 100644
View file @ 1f96e7ee
: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
users.html 0 → 100644
View file @ 1f96e7ee
<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