diff --git a/images/celestialdate.jpg b/images/celestialdate.jpg new file mode 100644 index 000000000..12d365c5f Binary files /dev/null and b/images/celestialdate.jpg differ diff --git a/images/cosmictouch.jpg b/images/cosmictouch.jpg new file mode 100644 index 000000000..328e7ee43 Binary files /dev/null and b/images/cosmictouch.jpg differ diff --git a/images/cosmonaut.jpg b/images/cosmonaut.jpg new file mode 100644 index 000000000..31c946707 Binary files /dev/null and b/images/cosmonaut.jpg differ diff --git a/images/dreamscape.jpg b/images/dreamscape.jpg new file mode 100644 index 000000000..65b8c6a0f Binary files /dev/null and b/images/dreamscape.jpg differ diff --git a/images/foreststars.jpg b/images/foreststars.jpg new file mode 100644 index 000000000..e30546f5f Binary files /dev/null and b/images/foreststars.jpg differ diff --git a/images/galacticglitz.jpg b/images/galacticglitz.jpg new file mode 100644 index 000000000..fbccbebc8 Binary files /dev/null and b/images/galacticglitz.jpg differ diff --git a/images/levitation.jpg b/images/levitation.jpg new file mode 100644 index 000000000..5aef1b286 Binary files /dev/null and b/images/levitation.jpg differ diff --git a/images/lovesme.jpg b/images/lovesme.jpg new file mode 100644 index 000000000..f3533eb06 Binary files /dev/null and b/images/lovesme.jpg differ diff --git a/images/mindblown.PNG b/images/mindblown.PNG new file mode 100644 index 000000000..05888b4d8 Binary files /dev/null and b/images/mindblown.PNG differ diff --git a/images/purplehaze.jpg b/images/purplehaze.jpg new file mode 100644 index 000000000..b2660e7a8 Binary files /dev/null and b/images/purplehaze.jpg differ diff --git a/images/scarletk.jpg b/images/scarletk.jpg new file mode 100644 index 000000000..e6d23a521 Binary files /dev/null and b/images/scarletk.jpg differ diff --git a/images/she.jpg b/images/she.jpg new file mode 100644 index 000000000..98896a23d Binary files /dev/null and b/images/she.jpg differ diff --git a/images/skylanterns.jpg b/images/skylanterns.jpg new file mode 100644 index 000000000..0ea190a0e Binary files /dev/null and b/images/skylanterns.jpg differ diff --git a/images/spacekitty.jpg b/images/spacekitty.jpg new file mode 100644 index 000000000..387032981 Binary files /dev/null and b/images/spacekitty.jpg differ diff --git a/images/stargazer.jpg b/images/stargazer.jpg new file mode 100644 index 000000000..3ec04d26e Binary files /dev/null and b/images/stargazer.jpg differ diff --git a/images/subconscious.jpg b/images/subconscious.jpg new file mode 100644 index 000000000..52430f513 Binary files /dev/null and b/images/subconscious.jpg differ diff --git a/images/swimmers.jpg b/images/swimmers.jpg new file mode 100644 index 000000000..7ad448148 Binary files /dev/null and b/images/swimmers.jpg differ diff --git a/images/tinylights.jpg b/images/tinylights.jpg new file mode 100644 index 000000000..fd0d2f1d9 Binary files /dev/null and b/images/tinylights.jpg differ diff --git a/images/universal.jpg b/images/universal.jpg new file mode 100644 index 000000000..d7e96d677 Binary files /dev/null and b/images/universal.jpg differ diff --git a/index.html b/index.html index d01f779ff..e567cb1ba 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,65 @@ Document + + - +
Raven's Starry Night
+
+
+

Nicole Kenney

+ +
+
+

Stellar Designs

+

Welcome

+
+
+ +
+
+ woman with moon for head +

cosmos

+
+ +
+ divers jumping into space +

nebulae

+
+ +
+ woman made of stardust +

stardust

+
+ +
+ woman in cosmos +

singularity

+
+ +
+ cat in space +

wormhole

+
+ +
+ woman levitating in space +

event horizon

+
+
+ + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..0ef00d346 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,176 @@ -/* Add CSS styling here */ \ No newline at end of file +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { +margin: 0; +padding: 0; +border: 0; +font-size: 62.5%; +font: inherit; vertical-align: baseline; +} + +/* Add CSS styling here */ + +body{ + + background-color:#01011a; +} + + +.title{ + text-align:center; + border:1px solid black; + background:#ddc7f0; +} + +h2{ + color:white; + font-size:1.5rem; + margin:20px; +} +.intro{ + display:flex; + justify-content:space-between; +} + +nav{ + margin:20px; +} + +nav a{ + text-decoration:none; + border-radius:15%; +} + +nav a:hover{ + background:#31023b; + color:white; +} + +.box1 { + border:2px solid black; + background-color:#ddc7f0; + +} +.box2 { + border:2px solid black; + background-color:#ddc7f0; +} + +.box3 { + border:2px solid black; + background-color:#ddc7f0; +} + +.box4 { + border:2px solid black; + background-color:#ddc7f0; +} + +header{ + margin:20px 20px 100px 20px; +} + +.spacecake{ + background-image:url("/images/cosmictouch.jpg"); + min-height:500px; + max-width:850px; + margin:0 auto; + margin-top:20px; + background-size:cover; + background-repeat:no-repeat; +} + + +h1{ + color:white; + font-size:3rem; + text-align:center; + padding:30px; +} + +h3{ + color:white; + font-size:2rem; + text-align:center; +} + +.gallery{ + width:100%; + display:flex; + flex-wrap:wrap; + justify-content:center; + align-items:center; + margin-bottom:40px; +} + +.gallery img{ + width:20rem; + height:20rem; + margin:10px; +} + +.cosmos{ + color:white; + text-align:center; +} + +.nebulae{ + color:white; + text-align:center; +} + +.stardust{ + color:white; + text-align:center; +} + +.singularity{ + color:white; + text-align:center; +} + +.wormhole{ + color:white; + text-align:center; +} + +.eventhorizon{ + color:white; + text-align:center; +} + +.button{ + text-align:center; +} + +button{ + background-color:#ddc7f0; + margin-top:20px; + margin-bottom:20px; +} + +button:hover{ + background:#31023b; +} + +.button a{ + text-decoration:none; +} + +.button a:hover{ + color:white; +} + +footer{ + background-color:#5c0341; +} \ No newline at end of file