-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
216 lines (176 loc) · 10.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free responsive starter kits from Dreamweaver CC">
<meta name="keywords" content="HTML5,CSS3,Dreamweaver CC,Starter kits,Free templates">
<meta name="author" content="Adobe Dreamweaver CC">
<title>Portfolio template By Adobe Dreamweaver CC</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="portfolioResponsive.css" rel="stylesheet" type="text/css">
<link href="portfolioStyle.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
<!-- Import any font of your choice-->
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
</head>
<body>
<!--************************************************************************
Container starts here
****************************************************************************-->
<div class="gridContainer clearfix">
<!--************************************************************************
HERO Section starts here
****************************************************************************-->
<header class="fluid hero heroHeader">
<!--Add you logo here-->
<a href="#" title="Logo">
<figure class="fluid logo mainHeading"><!-- <img src="logoImage.png" alt="Logo image"> -->ASTRONOMY PICTURE OF THE DAY
<p style="font-size:11px"><strong>Discover the cosmos!</strong></p>
<p style="text-align:left; padding-bottom:5px; font-size:10px">Each day a different image or photograph of our fascinating universe is featured, along with a brief explanation written by a professional astronomer.</p>
</figure>
</a>
<!--<nav class="fluid topNav">
Customize your navigation links
<ul class="fluid fluidList topNavUl">
<li class="fluid topNavLI zeroMargin_desktop zeroMargin_tablet zeroMargin_mobile"><strong><a href="#" class="linkStyle" title="Nav Link">Archive</a></strong></li>
<li class="fluid topNavLI"><strong><a href="#" class="linkStyle" title="Nav Link">About</a></strong></li>
</ul>
<h6 class="textStyle">Discover the cosmos! Each day a different image or photograph of our fascinating universe is featured, along with a brief explanation written by a professional astronomer.</h6>
</nav>-->
</header>
<!--HERO section ends here-->
<!--************************************************************************
Primary Container starts here
****************************************************************************-->
<article class="fluid textContainer">
<div class="fluid container">
<div class="fluid wrapper">
<div class="fluid imgs ">
<hr>
<figure><img style="padding-bottom:50px" class="img zeroMargin_desktop zeroMargin_tablet" src="https://apod.nasa.gov/apod/image/1510/Charon-Neutral-Bright-Release.jpg" alt="This is an image of Charon, one of Pluto's moons."/> </figure> </div></div></div>
<br>
<h2 class="sectionText headingStyle"> CHARON </h2>
<p>July 19, 2015 <br> Image Credit: <a href="http://www.nasa.gov/">NASA</a>, <a href="http://www.jhuapl.edu/">Johns Hopkins Univ./APL</a>, <a href="http://www.swri.edu/">Southwest Research Institute</a>.</p>
<section id="sectionOne" class="fluid ">
<h2 class="sectionText">Explanation</h2>
<p class="paraContent">Icy world Charon is 1,200 kilometers across. That makes Pluto's largest moon only about 1/10th the size of planet Earth but a whopping 1/2 the diameter of Pluto itself. Charon is seen in unprecedented detail in this image from New Horizons. The image was captured late July 13 during the spacecraft's flight through the Plutonian system from a range of less than 500,000 kilometers. For reference, the distance separating Earth and Moon is less than 400,000 kilometers. </p>
</section>
<section id="sectionTwo" class="fluid ">
<h2 class="sectionText">Research</h2>
<p class="paraContent">Charon and Pluto's Size: <a href="http://www.nasa.gov/feature/how-big-is-pluto-new-horizons-settles-decades-long-debate" class="linkStyle">Pluto debate settles decades long debate.</a></p>
<p class="paraContent"> More detailed images of Charon: <a href="http://pluto.jhuapl.edu/Multimedia/Science-Photos/
image.php?gallery_id=2&image_id=233" class="linkStyle">Images from New Horizons</a></p>
<p class="paraContent"> Spacecraft Flight <a href="http://pluto.jhuapl.edu/Mission/The-Flyby.php" class="linkStyle">Through the Plutonian System.</a> </p>
<p class="paraContent"> See why Charon is considered to have a <a href="http://www.nasa.gov/image-feature/
charon-s-surprising-youthful-and-varied-terrain" class="linkStyle">surprising,
youthful, and varied</a> terrain.</p>
</section>
</article>
<!--Primary content area ends here-->
<!--************************************************************************
Gallery starts here - Elements hidden in mobile mode can be revisited by going into manage hidden element mode available in context menu
****************************************************************************-->
<!-- Photo Grid -->
<h2 class="sectionText headingStyle"> EXPLORE PREVIOUS APODS </h2>
<div class="row">
<div class="column zoom">
<img src="https://apod.nasa.gov/apod/image/1512/HorseFlame_Priego_960.jpg" style="width:100%">
</div>
<div class="column zoom">
<img src="https://apod.nasa.gov/apod/image/1910/MilkyWaySaltFlat_Huerta_2048.jpg" style="width:100%">
</div>
<div class="column">
<img src="https://apod.nasa.gov/apod/image/1507/MalibuMilkyWay_Fusco_1080.jpg" style="width:100%">
</div>
<div class="column">
<img src="https://apod.nasa.gov/apod/image/1609/LittlePlanetAstroCampSoponyai2048.jpg" style="width:100%">
</div>
<div class="column">
<img src="https://apod.nasa.gov/apod/image/1212/westarcapture_sts51a_960.jpg" style="width:100%">
</div>
<div class="column">
<img src="https://apod.nasa.gov/apod/image/0609/JosephTannerAstronaut_pava_f.jpg" style="width:100%">
</div>
<div class="column">
<img src="https://apod.nasa.gov/apod/image/2005/Reflections_APOD.jpg" style="width:100%">
</div>
</div>
<!-- <article class="fluid gallery">
<h2 class="fluid showAreaH2 headingStyle">EXPLORE PREVIOUS APODS</h2>
<figure class="fluid tiles zeroMargin_desktop zeroMargin_tablet"> <img src=https://apod.nasa.gov/apod/image/1512/HorseFlame_Priego_960.jpg alt="Space image for previous archives."/>
<figcaption class="textStyle"></figcaption>
</figure>
<figure class="fluid tiles"> <img src=https://apod.nasa.gov/apod/image/1910/MilkyWaySaltFlat_Huerta_2048.jpg alt="Space image for previous archives."/>
<figcaption class="textStyle"></figcaption>
</figure>
<figure class="fluid tiles zeroMargin_tablet hide_mobile"> <img src=https://apod.nasa.gov/apod/image/1507/MalibuMilkyWay_Fusco_1080.jpg alt="Space image for previous archives."/>
<figcaption class="textStyle"></figcaption>
</figure>
<figure class="fluid tiles zeroMargin_desktop hide_mobile"> <img src=https://apod.nasa.gov/apod/image/1609/LittlePlanetAstroCampSoponyai2048.jpg alt="Space image for previous archives."/>
<figcaption class="textStyle"></figcaption>
</figure>
<figure class="fluid tiles zeroMargin_tablet hide_mobile"> <img src=https://apod.nasa.gov/apod/image/0609/JosephTannerAstronaut_pava_f.jpg alt="Space image for previous archives."/>
<figcaption class="textStyle"></figcaption>
</figure>
<figure class="fluid tiles hide_mobile"> <img src=https://apod.nasa.gov/apod/image/1212/westarcapture_sts51a_960.jpg alt="Space image for previous archives."/>
<figcaption class="textStyle"></figcaption>
</figure>
</article>
-->
<!--************************************************************************
Secondary container starts here
****************************************************************************-->
<article class="fluid textContainer" id="secondaryStyling">
<section class="fluid secondarySection zeroMargin_desktop zeroMargin_tablet">
<h2 class="fluid secondaryHeading headingStyle">YESTERDAY</h2>
<p class="contentArea"> <a class="linkStyle" href="#"><strong>50 Miles On Pluto</strong>
<br> The trip across Pluto would cover the distance indicated by scale.</p></a>
</section>
<section class="fluid secondarySection hide_mobile">
<h2 class="fluid secondaryHeading headingStyle">TOMORROW</h2>
<p class="contentArea"> <a class="linkStyle" href="#"> <strong>Closer Still.</strong> <br>
It took 9.5 years to get this close, now it is finally possible.</p> </a>
</section>
</article>
<!--Secondary content section ends here-->
<!--************************************************************************
Footer starts here
****************************************************************************-->
<footer class="fluid footer">
<section class="fluid footerSection zeroMargin_desktop zeroMargin_tablet">
<h2 class="fluid footerTitle headingStyle">Authors and Editors</h2>
<p class="paraContent footerTextContainer">Authors & editors: Robert Nemiroff (MTU) & Jerry Bonnell (UMCP)</p>
</section>
<section class="fluid footerSection hide_mobile">
<h2 class="fluid footerTitle headingStyle">NASA Official</h2>
<p class="paraContent footerTextContainer">Phillip Newman Specific rights apply. <br>NASA Web Privacy Policy and Important Notices.</p>
</section>
<section class="fluid footerSection hide_mobile">
<h2 class="fluid footerTitle headingStyle">A Service Of</h2>
<p class="paraContent footerTextContainer"> ASD at NASA / GSFC
& Michigan Tech. U.</p>
</section>
</footer>
<!--Footer ends here-->
</div>
<!--Container ends here-->
</body>
</html>