Accelerate- Christina S. #2
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title>Portfolio </title> | ||
| <link href="../stylesheets/style-blog.css" rel="stylesheet" /> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=New+Tegomin&display=swap" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <nav> | ||
| <a href="../index.html"> Home</a> | ||
| <a href="../about.html">About</a> | ||
| <a href="../portfolio.html"> Portfolio</a> | ||
| <a href="../recipes.html"> Recipes</a> | ||
| <a href="../blog.html"> Words</a> | ||
| </nav> | ||
| <h2><q> Ford,</q> he said, <q> you’re turning into a penguin. Stop it.</q> </h2> | ||
| <img id="full-image1" src="../images/HGG1.png" alt="movie still of Zaphod, Marvin, Ford, and Arthur"> | ||
| <p>Anything that, in happening, causes something else to happen, causes something else to happen. The cheapest way to | ||
| escape despair is to take refuge in one’s imagination. This is room service, I’m in a room and I want some service. | ||
| A common mistake that people make when trying to design something completely foolproof was to underestimate the | ||
| ingenuity of complete fools. “In five years I will have razed this planet, eaten its young, and stacked your skulls | ||
| high in my honor.”</p> | ||
| <p>Where do you stand on the whole Babel fish argument? Odin could be enjoying a nice horn of honey meade and your call | ||
| might make him drop it, then holy Zark it’s Ragnarok. Dreams come true all the time, just not for the dreamers. If | ||
| beauty is in the eye of the beholder, then the beholder won’t be a Vogon, because even Vogons know how ugly they | ||
| are. The Sandwich Maker almost sliced his thumb off.</p> | ||
| <p>He came to a few minutes later and pretended not to know who he was, where he was or how he had got there, but was | ||
| not able to convince anybody. Where do you stand on the whole Babel fish argument? The cow was cowed. Today was one | ||
| of those bad days. You live and learn. At any rate, you live.</p> | ||
| <p>Let’s be straight here. If we find something we can’t understand we like to call it something you can’t understand, | ||
| or indeed pronounce. He wouldn’t try to beat the system, he would just use it. “Think of a number, any number.” “Er, | ||
| five,” said the mattress. “Wrong,” said Marvin. “You see?” Life was so pleasant and relaxed these days, there was | ||
| time to let things sink in. Honestly, Arthur, you humans only use ten percent of your brains, and you fill that | ||
| fraction with tea-related information.</p> | ||
|
|
||
| <div class="card"> | ||
| <h3>Follow Me</h3> | ||
| <p>There is a moment in every dawn when light floats, there is the possibility of magic. Creation holds its | ||
| breath.<br> | ||
| <a href="#" class="fa fa-facebook"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-google"></a> | ||
| <a href="#" class="fa fa-linkedin"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-pinterest"></a> | ||
|
Comment on lines
+46
to
+51
|
||
| </p> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| <footer> | ||
| <div>Everything on this site is Tradmarked ™, Registered ®, and Copyright protected ©. </div> | ||
| </footer> | ||
| </body> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title>Portfolio </title> | ||
| <link href="../stylesheets/style-blog.css" rel="stylesheet" /> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=New+Tegomin&display=swap" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <nav> | ||
| <a href="../index.html"> Home</a> | ||
| <a href="../about.html">About</a> | ||
| <a href="../portfolio.html"> Portfolio</a> | ||
| <a href="../recipes.html"> Recipes</a> | ||
| <a href="../blog.html"> Words</a> | ||
| </nav> | ||
| <h2><q> We need some serious room service.</q> </h2> | ||
| <img id="full-image2" src="../images/HHG2.png" alt="movie still of Arthur, Trillian, Zaphod, and Ford"> | ||
| <p>We need some serious room service. Nothing travels faster than the speed of light with the possible exception of | ||
| bad news, which obeys its own special laws. You ask this of me who have contemplated the very vectors of the atoms | ||
| in the Big Bang itself? Molest me not with this pocket calculator stuff.In other words—and this is the rock-solid | ||
| principle on which the whole of the Corporation’s Galaxywide success is founded—their fundamental design flaws are | ||
| completely hidden by their superficial design flaws. At times of major crisis he found it was often quite helpful | ||
| to have his life flash before his eyes.</p> | ||
| <p>There was nothing to do but be happy for having loved someone once and having been loved in return. I read about that | ||
| in a thing with actual pages in it. He’d been to some great parties in tombs. The land began to slide, and he | ||
| suddenly felt the force of the word “landslide” in a way that had never been apparent to him before. He was fed up | ||
| with being mistaken for a complete idiot by everyone he ever met.</p> | ||
|
|
||
| <p>Number Two’s eyes narrowed and became what are known in the Shouting and Killing People trade as cold slits, the idea | ||
| presumably being to give your opponent the impression that you have lost your glasses or are having difficulty | ||
| keeping awake. Why this is frightening is an, as yet, unresolved problem. “Well, at least denounce the Cheese.” The | ||
| Fuolornis Fire Dragons were revered throughout the lands of Brequinda in the Foth of Avalars for their savage | ||
| beauty, their noble ways, and their habit of biting people who didn’t revere them. “It seemed to me,” said Wonko the | ||
| Sane, “that any civilization that had so far lost its head as to need to include a set of detailed instructions for | ||
| use in a package of toothpicks, was no longer a civilization in which I could live and stay sane.” Something to do | ||
| with an interplanetary incident involving an umbrella with mythical powers and the secret formula for a | ||
| prize-winning ice cream.</p> | ||
|
|
||
| <p>As far as these people were concerned, he was a first-class god who had never dabbled in rock stardom or candid | ||
| movies. “You ask this of me who have contemplated the very vectors of the atoms in the Big Bang itself? Molest me | ||
| not with this pocket calculator stuff.” He had kept it ever since because he found it useful to carry a form of | ||
| currency that no one would accept. Something had happened here on Lamuella, and Arthur had a horrible feeling that | ||
| it was him. He hadn’t been ready for any of this of course.</p> | ||
|
|
||
| <div class="card"> | ||
| <h3>Follow Me</h3> | ||
| <p>There is a moment in every dawn when light floats, there is the possibility of magic. Creation holds its | ||
| breath.<br> | ||
| <a href="#" class="fa fa-facebook"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-google"></a> | ||
| <a href="#" class="fa fa-linkedin"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-pinterest"></a> | ||
| </p> | ||
|
Comment on lines
+55
to
+61
There was a problem hiding this comment. Look into the jquery resource I shared with you above. You can also make your footer reusable. |
||
|
|
||
| </div> | ||
|
|
||
| <footer> | ||
| <div>Everything on this site is Tradmarked ™, Registered ®, and Copyright protected ©. </div> | ||
| </footer> | ||
| </body> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,52 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title> About </title> | ||
| <link href="stylesheets/style.css" rel="stylesheet" /> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=New+Tegomin&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <h1 class="title">Christina Sherman</h1> | ||
| <HR> | ||
| <nav> | ||
| <a href="index.html"> Home</a> | ||
| <a href="about.html">About</a> | ||
| <a href="portfolio.html"> Portfolio</a> | ||
| <a href="recipes.html"> Recipes</a> | ||
| <a href="blog.html"> Words</a> | ||
| </nav> | ||
| <h3> Some stuff I like</h3> | ||
| <div class="about-likes"> | ||
| <div id="nail-art"> | ||
| <h4>Nail Art</h4> | ||
| <img src="images/nail-art-1.png" alt="black nail polish with floral detail"> | ||
| <img src="images/nail-art-2.png" alt="light neutral nail polish with gold flecks"> | ||
| <img src="images/nail-art-3.png" alt="black and white nail polish"> | ||
| <img src="images/nail-art-4.png" alt="white nail polish with multicolor detailing"> | ||
| <img src="images/nail-art-5.png" alt="white nail polsih with blue flower petals"> | ||
|
Comment on lines
+24
to
+29
There was a problem hiding this comment. great use of alt! Best practice for img elements. |
||
| </div> | ||
| <div id="words"> | ||
| <h4>Learning new words</h4> | ||
| <img src="images/petrichor.png" alt="petrichor the smell after it rains"> | ||
| <img src="images/pluviophile.png" alt="pluviophile a lover of rain"> | ||
| <img src="images/marmoris.png" alt="marmoris the shining surface of the ocean"> | ||
| <img src="images/sophrosyne.png" alt="sophrosyne a healthy state of mind"> | ||
| </div> | ||
|
|
||
| <div id="hats"> | ||
| <h4>Hats for animals</h4> | ||
| <img src="images/cat-sombrero.png" alt="cat wearing knitted sombrero hat"> | ||
| <img src="images/cat-magical-hat.png" alt="cat wearing blue wizard hat with yellow stars"> | ||
| <img src="images/baby-chick-in-hat.png" alt="baby chick wearing straw boater hat"> | ||
| <img src="images/snake-top-hat.png" alt="corn snake wearing black top hat"> | ||
| <img src="images/dogs-in-hats.png" alt="two golden retrievers wearing knitted caps"> | ||
| </div> | ||
| </div> | ||
| <br> | ||
| <footer> | ||
| <div>Everything on this site is Tradmarked ™, Registered ®, and Copyright protected ©. </div> | ||
| </footer> | ||
| </body> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,69 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title>Portfolio </title> | ||
| <link href="stylesheets/style-blog.css" rel="stylesheet" /> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Aref+Ruqaa&family=Italiana&family=Josefin+Slab:wght@100;200&family=New+Tegomin&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <h1 class="title">Christina Sherman</h1> | ||
| <HR> | ||
| <nav> | ||
| <a href="index.html"> Home</a> | ||
| <a href="about.html">About</a> | ||
| <a href="portfolio.html"> Portfolio</a> | ||
| <a href="recipes.html"> Recipes</a> | ||
| <a href="blog.html"> Words</a> | ||
| </nav> | ||
| <div class="header"> | ||
| <h2>Hitchhiker's Guide to the Blog</h2> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="card"> | ||
| <h2><a href="blog-pages/Ford.html"> <q> Ford,</q> he said, <q> you’re turning into a penguin. Stop it.</q> </a></h2> | ||
| <h5>Don't panic, Dec 7, 2017</h5> | ||
| <a href="blog-pages/Ford.html"> | ||
| <img class="randimg" src="images/HGG1.png" alt="movie still of Zaphod and Arthur"></a> | ||
| <p>Anything that, in happening, causes something else to happen, causes something else to happen. The cheapest way to | ||
| escape despair is to take refuge in one’s imagination. This is room service, I’m in a room and I want some service. | ||
| A common mistake that people make when trying to design something completely foolproof was to underestimate the | ||
| ingenuity of complete fools. “In five years I will have razed this planet, eaten its young, and stacked your skulls | ||
| high in my honor.”</p><p>Where do you stand on the whole Babel fish argument? Odin could be enjoying a nice horn of honey meade and your call | ||
| might make him drop it, then holy Zark it’s Ragnarok. Dreams come true all the time, just not for the dreamers. If | ||
| beauty is in the eye of the beholder, then the beholder won’t be a Vogon, because even Vogons know how ugly they | ||
| are. The Sandwich Maker almost sliced his thumb off.</p> | ||
| </div> | ||
| <div class="card"> | ||
| <h2><a href="blog-pages/Room-Service.html"> <q> We need some serious room service.</q></a></h2> | ||
| <h5>42 said Deep Thought..., Sep 2, 2017</h5> | ||
| <a href="blog-pages/Room-Service.html"> | ||
| <img class="randimg" src="images/HHG2.png" alt="movie still of Arthur, Trillian, Zaphod, and Ford"></a> | ||
| <p>We need some serious room service. Nothing travels faster than the speed of light with the possible exception of | ||
| bad news, which obeys its own special laws. You ask this of me who have contemplated the very vectors of the atoms | ||
| in the Big Bang itself? Molest me not with this pocket calculator stuff.In other words—and this is the rock-solid | ||
| principle on which the whole of the Corporation’s Galaxywide success is founded—their fundamental design flaws are | ||
| completely hidden by their superficial design flaws. At times of major crisis he found it was often quite helpful | ||
| to have his life flash before his eyes.</p> | ||
| </div> | ||
| </div> | ||
| <div class="card"> | ||
| <h3>Follow Me</h3> | ||
| <p>There is a moment in every dawn when light floats, there is the possibility of magic. Creation holds its breath.<br> | ||
| <a href="#" class="fa fa-facebook"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-google"></a> | ||
| <a href="#" class="fa fa-linkedin"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-pinterest"></a></p> | ||
|
|
||
| </div> | ||
| <br> | ||
| <footer> | ||
| <div>Everything on this site is Tradmarked ™, Registered ®, and Copyright protected ©. </div> | ||
| </footer> | ||
| </body> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title> Home </title> | ||
| <link href="stylesheets/style.css" rel="stylesheet" /> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=New+Tegomin&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <h1 class="title">Christina Sherman</h1> | ||
| <HR> | ||
| <nav> | ||
| <a href="index.html"> Home</a> | ||
| <a href="about.html">About</a> | ||
| <a href="portfolio.html"> Portfolio</a> | ||
| <a href="recipes.html"> Recipes</a> | ||
| <a href="blog.html"> Words</a> | ||
| </nav> | ||
|
|
||
| <div id="main"> | ||
| <div id="img-box-1"> | ||
| <img src="http://placekitten.com/300/500" alt="an adorable kitten" > | ||
| <img src="http://placekitten.com/700/500" alt="an adorable kitten" > | ||
| <img src="http://placekitten.com/300/500" alt="an adorable kitten" > | ||
| </div> | ||
| </div> | ||
|
|
||
| <br> | ||
| <footer> | ||
| <div>This is the footer area. Thank you for reading. | ||
| <div>Everything on this site is Tradmarked ™, Registered ®, and Copyright protected ©. </div> | ||
| <HR> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title>Portfolio </title> | ||
| <link href="stylesheets/style.css" rel="stylesheet" /> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=New+Tegomin&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <h1 class="title">Christina Sherman</h1> | ||
| <HR> | ||
|
|
||
| <nav> | ||
| <a href="index.html"> Home</a> | ||
| <a href="about.html">About</a> | ||
| <a href="portfolio.html"> Portfolio</a> | ||
| <a href="recipes.html"> Recipes</a> | ||
| <a href="blog.html"> Words</a> | ||
| </nav> | ||
|
|
||
| <div class="main"> | ||
| <div id="img-box-2"> | ||
| <img src="https://loremflickr.com/500/500" alt="an adorable kitten" > | ||
| <img src="https://placebear.com/500/500" alt="an adorable bear" > | ||
| <img src="https://placekitten.com/500/500" alt="an adorable kitten"> | ||
| <img src="https://placebear.com/500/500" alt="an adorable bear" > | ||
| <img src="https://placekitten.com/500/500" alt="an adorable kitten"> | ||
| </div> | ||
| </div> | ||
| <br> | ||
| <footer> | ||
| <div>Everything on this site is Tradmarked ™, Registered ®, and Copyright protected ©. </div> | ||
| </footer> | ||
| </body> |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You can use jquery to make your nav bar reusable on each html page. Here is an example your nav info would be stored in nav.html and then a few lines of code would be added to each html file