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
Showing with 507 additions and 0 deletions
Images/fitness_PNG41.png

51.8 KiB

Images/football.jpg

283 KiB

Images/football.png

30.3 KiB

Images/images.jpg

5.23 KiB

Images/maxresdefault.jpg

214 KiB

File added
Images/palm tree.jpg

267 KiB

Images/palm_tree.jpg

85.3 KiB

Images/pollution.jpg

10.5 KiB

Images/rb-tlds-profession.png

64.3 KiB

Images/showcase.jpg

137 KiB

File added
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
<!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>
<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">
<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>
<div class="buttondiv">
<form action="users.html" class="inline">
<button class="adminpanelbutton">Users</button>
</form>
<form action="author.html" class="inline">
<button class="adminpanelbutton">Authors</button>
</form>
<form action="articles.html" class="inline">
<button class="adminpanelbutton">Articles</button>
</form>
</div>
<body>
</body>
<div id="footeraa">
<footer >
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
</div>
\ No newline at end of file
<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>Article Titles</th>
<th>Date</th>
<th>Author</th>
<th></th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
<td>
<form action="articles.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="articles.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="articles.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="articles.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="articles.html" class="inline">
<button class="button">Delete</button>
</form>
</td>
</tr>
</table>
</body>
<footer>
<p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>
<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>Author Name</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="articles.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="articles.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="articles.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="articles.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="articles.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
<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>
<!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>
<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>