Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

tertiarya.html #15

Open
nef13 opened this issue Feb 6, 2016 · 0 comments
Open

tertiarya.html #15

nef13 opened this issue Feb 6, 2016 · 0 comments

Comments

@nef13
Copy link
Collaborator

nef13 commented Feb 6, 2016

<title>HandiHelpr Accomodations Review</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <style> body { font: 400 15px Lato, sans-serif; line-height: 1.8; color: #818181; } h2 { font-size: 24px; text-transform: uppercase; color: #303030; font-weight: 600; margin-bottom: 30px; } h4 { font-size: 19px; line-height: 1.375em; color: #303030; font-weight: 400; margin-bottom: 30px; } .jumbotron { background-color: #f4511e; color: #fff; padding: 100px 25px; font-family: Montserrat, sans-serif; } .container-fluid { padding: 60px 50px; } .bg-grey { background-color: #f6f6f6; } .logo-small { color: #f4511e; font-size: 50px; } .logo { color: #f4511e; font-size: 200px; } .thumbnail { padding: 0 0 15px 0; border: none; border-radius: 0; } .thumbnail img { width: 100%; height: 100%; margin-bottom: 10px; } .carousel-control.right, .carousel-control.left { background-image: none; color: #f4511e; } .carousel-indicators li { border-color: #f4511e; } .carousel-indicators li.active { background-color: #f4511e; } .item h4 { font-size: 19px; line-height: 1.375em; font-weight: 400; font-style: italic; margin: 70px 0; } .item span { font-style: normal; } .panel { border: 1px solid #f4511e; border-radius:0 !important; transition: box-shadow 0.5s; } .panel:hover { box-shadow: 5px 0px 40px rgba(0,0,0, .2); } .panel-footer .btn:hover { border: 1px solid #f4511e; background-color: #fff !important; color: #f4511e; } .panel-heading { color: #fff !important; background-color: #f4511e !important; padding: 25px; border-bottom: 1px solid transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .panel-footer { background-color: white !important; } .panel-footer h3 { font-size: 32px; } .panel-footer h4 { color: #aaa; font-size: 14px; } .panel-footer .btn { margin: 15px 0; background-color: #f4511e; color: #fff; } .navbar { margin-bottom: 0; background-color: #f4511e; z-index: 9999; border: 0; font-size: 12px !important; line-height: 1.42857143 !important; letter-spacing: 4px; border-radius: 0; font-family: Montserrat, sans-serif; } .navbar li a, .navbar .navbar-brand { color: #fff !important; } .navbar-nav li a:hover, .navbar-nav li.active a { color: #f4511e !important; background-color: #fff !important; } .navbar-default .navbar-toggle { border-color: transparent; color: #fff !important; } footer .glyphicon { font-size: 20px; margin-bottom: 20px; color: #f4511e; } .slideanim {visibility:hidden;} .slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; } @Keyframes slide { 0% { opacity: 0; -webkit-transform: translateY(70%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } @-webkit-keyframes slide { 0% { opacity: 0; -webkit-transform: translateY(70%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } @media screen and (max-width: 768px) { .col-sm-4 { text-align: center; margin: 25px 0; } .btn-lg { width: 100%; margin-bottom: 35px; } } @media screen and (max-width: 480px) { .logo { font-size: 150px; } } </style>
<div class="navbar-header">

Accomodations

Hotels/Places to Stay/Etc.

GENERAL

Is the site ADA approved?

Yes
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
        <div class="container">
         <h3>How would you rate the accomodation?</h3>
              <p>"1" begin the least accessible and "5" being the most</p>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">1 star</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">2 stars</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">3 stars</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">4 stars</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">5 stars</label>
         </div>
         </form>
        </div>
        <div class="container">
         <h3>Is there an entrance ramp?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
       <div class="container">
         <h3>Is the handicap parking sufficient?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
       <div class="container">
         <h3>Are there any obstacles to get into the entrance of the hotel?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
        <div style="text-align: center;">
        <a class="btn btn-primary btn-lg "  style= "background-color: #f5411e"  role="okay" href=bathrooms>Okay</a>
        </div>
    </div>
    <div id="bathrooms" class="tab-pane fade">
      <h2>BATHROOM</h2>
        <div class="container">
         <h3>In general, does the bathroom have enough room for manual/power wheelchairs?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
        </div>
       <div class="container">
         <h3>Is the mirror too high?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
      <div class="container">
         <h3>Are the soap dispensers unreachable?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
        <div class="container">
         <h3>Are the hot water pipes insulated?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
        <div style="text-align: center;">
       <a class="btn btn-primary btn-lg" style= "background-color: #f5411e" role="okay">Okay</a>
        </div>
    </div>
    <div id="bedroom" class="tab-pane fade">
      <h2>BEDROOM</h2>
       <div class="container">
         <h3>Is the bed too high?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
       <div class="container">
         <h3>Are the outlets easilt accessible?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
          <div class="container">
         <h3>Was the temperature in your room easily adjustable?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
        <div style="text-align: center;">
        <a class="btn btn-primary btn-lg " style= "background-color: #f5411e" role="Okay">Okay</a>
        </div>
    </div>         
    <div id="service" class="tab-pane fade">
      <h2>SERVICE</h2>
      <div class="container">
         <h3>Did they place you on the ground floor for safety?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
        <div class="container">
         <h3>Were they accomodating to your needs?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       </div>
         <div class="container">
         <h3>Were the pool, restaurant, and all the hotel additions handicap accessible?</h3>
         <form role="form">
         <div class="radio">
            <label><input type="radio" name="optradio">Yes</label>
         </div>
         <div class="radio">
            <label><input type="radio" name="optradio">No</label>
         </div>
         </form>
       <div style="text-align: center;">
        <a class="btn btn-primary btn-lg " style= "background-color: #f5411e"  role="okay">Okay</a>
       </div>
        </div>
    </div>         
    <div id="comment" class="tab-pane fade">
        <div class="container">
            <h2>COMMENTS</h2>
            <p>Leave any comments about specific conditions, rating, or accomodations that should be made to better improve the accessibility of the restaurant</p>
            <form role="form">
            <div class="form-group">
            <label for="comment">Comment:</label>
            <textarea class="form-control" rows="5" id="comment"></textarea>
            <a class="btn btn-primary btn-lg btn-block" style= "background-color: #f5411e" href="thankyouentry.html" role="submit">Submit</a>
            </div>
          </form>
        </div>

    </div>


</div>
<script> $(document).ready(function(){ // Add smooth scrolling to all links in navbar + footer link $(".navbar a, footer a[href='#myPage']").on('click', function(event) { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 900, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); }); $(window).scroll(function() { $(".slideanim").each(function(){ var pos = $(this).offset().top; var winTop = $(window).scrollTop(); if (pos < winTop + 600) { $(this).addClass("slide"); } }); }); }) </script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant