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

Merge branch 'full' into 'master'

Dani Ali Mansoor Saif work

See merge request !2
parents 692d475b b0057ad1
Branches master
No related tags found
1 merge request!2Dani Ali Mansoor Saif work
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Articles!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i">
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/-debug.css">
<link rel="stylesheet" href="styles/article.css">
<link rel="stylesheet" href="styles/article-figure.css">
<link rel="stylesheet" href="styles/article-text.css">
<link rel="stylesheet" href="styles/article-share.css">
</head>
<body>
<article id="the-galaxies-4">
<h1><a href="#the-galaxies-4">The <em>Galaxies</em> is all there is</a></h1>
<h2>This article is about the astronomical structure.</h2>
<time datetime="07-07-2016">july. 7, 2016</time>
<p>
<em>A Galaxy is a</em>, gravitationally <a href="https://en.wikipedia.org/wiki/Galaxy">Galaxy</a> bound system of stars, stellar remnants, interstellar gas, dust, and dark matter. The word galaxy is derived from the Greek galaxias, literally "milky", a reference to the Milky Way. Galaxies range in size from dwarfs with just a few hundred million stars to giants with one hundred trillion stars, each orbiting its galaxy's center of mass.
Galaxies are categorized according to their visual morphology as elliptical, spiral, or irregular. Many galaxies are thought to have supermassive black holes at their centers. The Milky Way's central black hole, known as Sagittarius A*, has a mass four million times greater than the Sun. As of March 2016, GN-z11 is the oldest and most distant observed galaxy with a comoving distance of 32 billion light-years from Earth, and observed as it existed just 400 million years after the Big Bang. stars that never die, discover atoms as massive as suns and universes smaller than atoms.
</p>
<figure class="size-2">
<img src="./Images/download.jpg">
</figure>
<figcaption><p>The <em>Galaxy</em>.</p></figcaption>
<h3>Palm Tree</h3>
<p>
Palm trees are a botanical family of perennial lianas, shrubs, and trees. They are the only members of the family Arecaceae, which is the only family in the order Arecales. They grow in hot climates.
Well known palm trees are:
Date palm
Coconut palm
There are about 2600 species of palm trees, most of them living in tropical, subtropical, and warm temperate climates.
Palms are one of the best known and most widely planted tree families. They have held an important role for humans throughout much of history. Many common products and foods come from palms. They are often used in parks and gardens that are in areas that do not have heavy frosts.
In the past palms were symbols of victory, peace, and fertility. Today palms are a popular symbol for the tropics and for ideas that pass the test, reject the ones that fail, follow the evidence wherever it leads and question everything.
<strong>Palm trees to keep environment green.</strong>
</p>
<div class="share">
<figure class="size-2">
<img src="./Images/palm tree.jpg">
</figure>
<figcaption><p>The <em>Palm Tree</em>.</p></figcaption>
</article>
<article id="the-cosmos-2">
<h1><a href="#the-cosmos-2">The <em>Cosmos</em> is all there is</a></h1>
<h2>Author: Carl Sagan</h2>
<time datetime="03-09-2014">MAR. 9, 2014</time>
<p>
<em>A generation ago</em>, the astronomer <a href="https://en.wikipedia.org/wiki/carl_sagan">Carl Sagan</a> stood here and launched hundreds of millions of us on a great adventure the exploration of the universe revealed by science.
It's time to get going again.
We're about to begin a journey that will take us from the infinitesimal to the infinite, from the dawn of time to the distant future.
We'll explore galaxies and suns and worlds, surf the gravity waves of space-time, encounter beings that live in fire and ice, explore the planets of stars that never die, discover atoms as massive as suns and universes smaller than atoms.
</p>
<figure class="size-2">
<img src="./Images/cosmos3.jpg">
</figure>
<figcaption><p>The <em>Cosmos</em>.</p></figcaption>
<h3>COSMOS IS ALSO A STORY ABOUT US</h3>
<p>
It's the saga of how wandering bands of hunters and gatherers found their way to the stars, one adventure with many heroes.
To make this journey, we'll need imagination.
But imagination alone is not enough because the reality of nature is far more wondrous than anything we can imagine.
This adventure is made possible by generations of searchers strictly adhering to a simple set of rules test ideas by experiment and observation, build on those ideas that pass the test, reject the ones that fail, follow the evidence wherever it leads and question everything.
<strong>Accept these terms, and the cosmos is yours.</strong>
</p>
<div class="share">
<figure class="size-2">
<img src="./Images/cosmos1.jpg">
<img src="./Images/cosmos4.jpg">
</div>
</article>
</body>
</html>
\ No newline at end of file
Images/cosmos1.jpg

5.58 KiB

Images/cosmos2.jpg

98.8 KiB

Images/cosmos3.jpg

63.1 KiB

Images/cosmos4.jpg

11.4 KiB

Images/download.jpg

8.52 KiB

Images/images.jpg

5.23 KiB

Images/palm tree.jpg

267 KiB

Images/palm_tree.jpg

85.3 KiB

File added
.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
.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
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
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
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
: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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment