Where s My Cat? <title>where's My Cat?</title> </head> <body> <h1 class="where">where's MY CAT?</h1>

Size: px

Start display at page:

Download "Where s My Cat? <title>where's My Cat?</title> </head> <body> <h1 class="where">where's MY CAT?</h1>"

Gervais Harrington
5 years ago
Views:

1 Where s My Cat? HTML <!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href=" integrity="sha384- Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="assets/styles.css"> <link href=" rel="stylesheet"> <title>where's My Cat?</title> </head> <body> <h1 class="where">where's MY CAT?</h1> <div class="jumbotron"> <h1 class="display-4">no seriously, have you seen my cat?</h1> <p class="lead">her name is Panini. She's not supposed to go outside, but she's always trying to make a break for it. Usually it's not a problem, I just keep the doors closed. However, I let her watch Blue's Clues once - ONCE - and all of a sudden she can skidoo right into my computer. I imagine she's running through whatever <span id="emph">videos, films, and photographs</span> are floating around on the internet. This is an open request for any thoughts and suggestions as to where my cat has gone.</p> <hr class="my-4"> <p>any help is welcome. I'm desperate.</p> <div id="carouselexamplecontrols" class="carousel slide" data-ride="carousel">  <div class="carousel-inner">

2 <div class="carousel-item active"> <img class="d-block w-100" src="assets/images/locals/rosswood.gif" alt="first slide"> <img class="d-block w-100" src="assets/images/locals/clover.gif" alt="second slide"> <img class="d-block w-100" src="assets/images/metproof.png" alt="x gun give it to yoa"> <img class="d-block w-100" src="assets/images/locals/2001.gif" alt="third slide"> <img class="d-block w-100" src="assets/images/locals/xanadu.gif" alt="fourth slide"> <img class="d-block w-100" src="assets/images/locals/hachi.gif" alt="fifth slide"> <a class="carousel-control-prev" href="#carouselexamplecontrols" role="button" dataslide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">previous</span> </a> <a class="carousel-control-next" href="#carouselexamplecontrols" role="button" dataslide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">next</span> </a>  <div class="container" id="maps"> <div class="maption">a general summary of where we've been so far. <div class="row"> <div class="col-md"> <img src="assets/images/map.gif" alt="map" width="300px"> <div class="col-md"> <img src="assets/images/metroidmap.gif" alt="space map" width="300px"> <div class="col-md"> <img src="assets/images/kubrick1.jpg" alt="spaced-out map" width="300px">

3 <div class="journey"> <div id="local1"> <img class="d-block w-100" src="assets/images/locals/rosswood.gif" alt="second slide"> <div class="such">first stop: Rosswood Park, of Marble Hornets fame. I keep losing my way here, can't remember where I've been. Went to ask tall fellow for help, but I must be low on coffee because I passed out before I got to him. Didn't see Panini while I was here. Thanks for the I believe you still owe him $20. <div id="local2"> <img class="d-block w-100" src="assets/images/locals/clover.gif" alt="third slide"> <div class="such">alright now I'm in the movie Cloverfield and I'm pretty sure you guys hate me. Gosh darn bugzilla is big, scary, and looks nothing like a clover. Good news is, I did find Panini. Bad news, she was stuck in the head of the Statue of Liberty, which was smacked over the bridge...er, gap? Over the gap to gosh knows where. Thanks for the don't mess up IX. <div id="local3"> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="assets/images/locals/metroid.mp4" allowfullscreen></iframe> <div class="such">spooky space station. Nice. She couldn't run somewhere where everything isn't trying to kill me. I asked the armored lady for help but she rolled right by me. Better than the next woman who just stood there...menacingly. Golly, I didn't realize I was such an intrusion on your busy life, Ms. "I'm gonna destroy the spooky space station instead of being productive." Geez. Thanks for the and yes, Panini is indeed a girl. I'll send you a better pic once our mission is 100% complete. <div id="local4"> <img class="d-block w-100" src="assets/images/locals/2001.gif" alt="fifth slide"> <div class="such">again, I'm terrified, but I don't know why this time. I don't know where I am, and I don't think I want to. Everything shines in here, it's like it's full of stars. I have a sense that Panini might be here, but golly knows if she's just another rectangle-induced hallucination. Thanks for the but as for your request of me posting daily, I'm sorry, I can't do that. <div id="local5"> <img class="d-block w-100" src="assets/images/locals/xanadu.gif" alt="fourth slide"> <div class="such">i don't even know. I know where I am, but...i have no idea how this is even happening. I'm going to have to engage in deep focus to figure out how to get back to her. Thanks for the I applaud your recommendation slowly, with rising insistence.

4 <div id="local6"> <img class="d-block w-100" src="assets/images/locals/hachi.gif" alt="first slide"> <div class="such">finally caught up to her at this old thing, still waiting. She had enough respect not to mess around here. She'll be gone before long but I'm glad we have a moment to rest. for the tip. <form class="fg">  <div class="form-group"> <label for="usr">type in a handle</label> <input type="text" class="form-control" id="usr"> <div class="form-group"> <label id="loc" for="pwd">where did she go? Let me know here!</label> <input type="password" class="form-control" id="pwd"> <button id="btn" type="submit" class="btn btn-primary">submit</button> </form>   <script src=" integrity="sha384- KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src=" integrity="sha384- ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src=" integrity="sha384-

5 JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> </body> </html>

6 CSS /*Gen*/ body{ background-image: url("images/greeneyes2.gif"); background-color: /*#C8FFC0*/ black; background-repeat: no-repeat; background-attachment: fixed; width: fill; /*h1{ margin-top: 100px; margin-bottom: 100px; width: 100%; */ nav{ background-color: black; /*class*/.where{ font-family: 'Nunito', sans-serif; font-size: 250px; margin-top: 100px; margin-bottom: 100px; width: 100%; color: #C8FFC0; /*margin: 100px;*/ text-shadow: 10px 5px 2px black, 1px -1px 2px black, -1px 1px 2px black, -1px -1px 2px black;.jumbotron{ background-color: #C8FFC0;.carousel-inner{ background-color: #C8FFC0;

7 padding: 20px; border-radius: 15px;.maption{ margin-bottom: 20px;.journey{ margin-top: 10px; margin-bottom: 10px; margin-left: 0 auto; margin-right: 0 auto; width 100%; font-size: 20px;.container{ margin-left: 0 auto; margin-right: 0 auto; width: 100%;.fg{ margin-left: 350px; margin-right: 350px; margin-bottom: 25px; padding: 25px; background-color: #C8FFC0; border-radius: 15px; /*id*/ #carouselexamplecontrols{ margin: 200px; #emph{ font-size: 50px; #local1, #local2, #local3, #local4, #local5, #local6{

8 margin: 350px 350px 350px 350px; padding: 20px 20px 20px 20px; #local1, #local2, #local3, #local4, #local5, #local6, #maps{ background-color: #C8FFC0; border-radius: 15px; #local1, #local3, #local5{ margin-left: 50px; margin-right: 700px; #local2, #local4, #local6{ margin-right: 50px; margin-left: 700px; #maps{ padding-bottom: 20px; margin-bottom: -150px; #loc{ margin-top: 25px; #btn{ margin-top: 25px;

Bootstrap 1/20

http://getbootstrap.com/ Bootstrap 1/20 MaxCDN