<html> <head> <!-- KASHISH SINGAL WEBSITE FOR SUMMER OF CODE CHALLENGE BY CODECADEMY--> <meta charset="UTF-8"> <link href="https://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet'> <link href="https://s3.amazonaws.com/codecademy-content/courses/ltp2/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class = "nav-back"> <ul class = "nav nav-pills color"> <li class = "active" id = "home"><a href="#home-link">Home</a></li> <li id = "stress" class = "dropdown"><a href="#stress-link" class = "dropdown-toggle">Stress<b class = "caret"></b></a> <ul class = "dropdown-menu remove"> <li id = "first-list"><a href = "#what-is-stress"><b>What is Stress?</b></a></li> <li id = "second-list"><a href = "#can-stress-kill-you "><b>Can stress kill you?</b></a><li> <li id = "last-list"><a href = "#effect-of-stress"><b>Effect of stress in schools</b></a></li> </ul> </li> <li id = "study-buddies"><a href="#study-buddies-link">Study Buddies</a></li> <li id = "teacher-help"><a href="#teacher-help-link">Teacher Help</a></li> <li id = "contact-us"><a href="#contact-us-link">Contact Us</a></li> </ul> </div> <div class = "preview-content"> </div> <div class = "slider-background"> <div class="slider" id = "home-link"> <div class="slide active-slide"> <div class="container"> <div class="row"> <div class="slide-copy col-xs-5"> <h1>Find out how to help schools with stress!</h1> <p>Explore this site to find out how students react to a stressed body, and how they can be helped. You will be surprised with some of the stuff you come across you did not realize schools had or did not have! Help schools in your area to become a better learning environment for children.</p> </div> <div class="slide-img col-xs-7"> <img src="http://www.raquelfernslefebvre.com/sites/default/files/iStock_000012992870XSmall.jpg" width="540px" class = "slide-img-1" height = "450px"> </div> </div> </div> </div> <div class="slide slide-feature"> <div class="container"> <div class="row"> <div class="col-xs-12"> <a href="#"><img src="https://cecemarshall.files.wordpress.com/2012/05/college-stress.jpg" height = "425px" width = "800px" class = "slide-img-2"></a> <a href="#stress-link" class = "slide-feature-link">Learn About Stress Now</a> </div> </div> </div> </div> <div class="slide"> <div class="container"> <div class="row"> <div class="slide-copy col-xs-5"> <h1>Study Buddies</h1> <p>Study buddies are now becoming a common way to help students grasp information falling out of their head. This is a genius idea that should be implemented in schools to help them become better learning environment for students. Learn how study buddies can make one of the best choices when it comes to getting help in a fun and educational way, while improving social skills.</p> </div> <div class="slide-img col-xs-7"> <a href = "#study-buddies-link"><img src="http://academicsuccesscoaches.com/wp-content/uploads/2012/06/StudyDate.jpg" width = "540px" height = "435px" class = "slide-img-3"></a> </div> </div> </div> </div> <div class="slide"> <div class="container"> <div class="row"> <div class="slide-copy col-xs-5"> <h1>Teacher Help</h1> <p>Teachers are what helps education blossom. They are needed to help students grasp the information they need to succeed in life. Learn how approaching teachers can help students benefit when they are in need of help and are stressing out.</p> </div> <div class="slide-img col-xs-7"> <a href = "#teacher-help-link"><img src="http://www.ugdsb.on.ca/uploadedImages/taylorevans/SpecED/Homework.JPG" width="540px" height = "450px" class = "slide-img-4"></a> </div> </div> </div> </div> <div class="slide slide-feature"> <div class="container"> <div class="row"> <div class="col-xs-12"> <a href="#contact-us-link"><img src="http://www.stmfw.org/hp_wordpress/wp-content/uploads/2015/07/contact_us.png" height = "425px" width = "800px" class = "slide-img-2"></a> </div> </div> </div> </div> </div> </div> <div class="slider-nav"> <a href="#" class="arrow-prev"><img src="https://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/arrow-prev.png"></a> <ul class="slider-dots"> <li class="dot active-dot">•</li> <li class="dot">•</li> <li class="dot">•</li> <li class="dot">•</li> <li class="dot">•</li> </ul> <a href="#" class="arrow-next"><img src="https://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/arrow-next.png"></a> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="app.js"></script> <div class="stress-div" id="stress-link"> <div class="container"> <div class = "row stress-heading"> <h1>Stress</h1> </div> <div class = "row" id = "stress-first-row"> <div class = "col-md-4"> </div> <div class = "col-md-4"> <div class = "thumbnail"> <iframe height = "250" src="https://www.youtube.com/embed/vzrjEP5MOT4" frameborder="0" allowfullscreen></iframe> </div> <span class = "align"> <p>Can Stress Actually Kill You?<p> <p>By AsapSCIENCE</p> </span> </div> <div class = "col-md-4"> </div> </div> <div class = "row for-border"> <div class = "col-md-4 stress-col"> <div class = "border-div"> <h2 id = "what-is-stress">What is stress?</h2> <p>Stress is a state of mental or emotional strain or tension resulting from adverse or very demanding circumstances. It can happen when one has a huge workload that needs to be completed. In schools, stress is very common; especially when it comes to school work, relationships, dealing with tough teachers, and competition.</p> <br> <br> <br> <br> <br> <br> <br> <br> </div> </div> <div class = "col-md-4 stress-col"> <div class = "border-div"> <h2 id = "can-stress-kill-you">Can stress kill you?</h2> <p>Stress has many symptoms, and like as said in the video, can cause your heart to pound, your muscles to tense, and your stomach to turn. Ultimately, with the misfunction of the hormone <b>cortisol</b>, your immune system goes down, inflammation inhibits, and white blood cells are reduced. Also, there becomes a higher chance of disease and cancer as your your arteries begin to clog and blood flow is reduced at times when it is most needed.</p> <br> <br> <p></p> </div> </div> <div class = "col-md-4"> <h2 id = "effect-of-stress">What is the effect of stress in schools?</h2> <p>Stress is a major problem in schools. With competition rising and jobs are being hunted for, students are beginning to realize that studies may be the only way for them to make their way through live and survive. However, as it begins to get to their heads, they are beginning to stress out. My Daily News has reported that 1 in 12 students are attempting suicide, and 1 in 6 actually considered it. Stress is a huge problem that is currently arising in schools which is why there needs to be ways to prevent it!</p> <br> <p class = "align stress-article"><a href = "http://www.nydailynews.com/life-style/health/1-12-teens-attempted-suicide-report-article-1.1092622"><b>Link to article<b></a></p> </div> </div> <div class = "row"> <div class = "col-md-12 back"> <span style = "text-align: center"><p><a href = "#"><b>Back to top!</b></a></p></span> </div> </div> </div> </div> <div class="stress-div" id="study-buddies-link"> <div class="container"> <div class = "row stress-heading"> <h1>Study Buddies</h1> </div> <div class = "row study-buddies-for-border for-border-2" id = "stress-first-row"> <div "study-buddies-info"> <div class = "study-buddies-image padding-left"> <img src = "http://www.studygroupit.com/wp-content/uploads/2013/06/9354807_l.jpg" height = "250" width = "350"> </div> <div class = "padding-right float-right"> <h2>Study Buddies</h2> <p>Study buddies are the perfect way to catch up on what was learned in class and review it. Also, it is great to know that people are there for you when you are in need of help. Classes can get difficult sometimes, and support is needed to help bring people back up on their feet. Stress will only get worse by working alone, so working with a partner or as a group is the best way to have work and have fun at the same time. If haven't already, schools should implement study buddies into their school programs to help students gain the most amusing educational experience they can.</p> </div> </div> </div> <div class = "row"> <div class = "col-md-4 stress-col"> </div> <div class = "col-md-4 stress-col"> </div> <div class = "col-md-4"> </div> </div> <div class = "row"> <div class = "col-md-12 back"> <span style = "text-align: center"><p><a href = "#"><b>Back to top!</b></a></p> </div> </div> </div> </div> <div class="stress-div" id="teacher-help-link"> <div class="container"> <div class = "row stress-heading"> <h1>Teacher Help</h1> </div> <div class = "row study-buddies-for-border" id = "stress-first-row"> <div "study-buddies-info group"> <div class = "float-left-paragraph"> <h2>Teacher Help</h2> <p>Overtime, dealing with teachers has changed whether you are a parent or a student. Learning, in general, has changed over time. Now students can learn anytime they want anywhere they want through electronical devices. They can read on the move and not have to carry a big bulky book with them, but instead their mobile device. It is statistically proven that teachers make less than many other jobs and occupations out there. This has lead to the conclusion that the use of teachers is not as crucial as it was about 50 years ago. But teachers are still a viable source of help. Instead of mistreating them, it is better to approach them and ask them for help when needed. That is what they are paid to do. Teachers have gone through years of learning to master in what they are doing right now, and they are there to help students learn and grasp all the knowledge, not to stress them out. Schools should implement periods where students can go talk to teachers and ask them for help during school hours. Some schools have taken intiative already, adding a half hour period every week to the schedule to allow students to approach teachers (known in schools as <b>Advisory</b> or <b>Tutorial</b>). <br> <br> <br> </p> </div> <div class = "float-right-image"> <h2>The change we can make to help students and teachers!</h2> <img src = "https://kellikillion.files.wordpress.com/2012/09/then-vs-now-51.jpg" height = "250" width = "400" class = "teacher-help-images"> <p class = "arrow">↓</p> <img src = "http://homeschoolmathonline.com/wp-content/uploads/2012/05/complex_math.jpg" height = "250" width = "400" class = "teacher-help-images teacher-help-images-2"> </div> </div> </div> <div class = "row"> <div class = "col-md-4 stress-col"> </div> <div class = "col-md-4 stress-col"> </div> <div class = "col-md-4"> </div> </div> <div class = "row"> <div class = "col-md-12 back"> <span style = "text-align: center"><p><a href = "#"><b>Back to top!</b></a></p></span> </div> </div> </div> </div> <div class="stress-div" id="contact-us-link"> <div class="container"> <div class = "row stress-heading"> <h1>Contact Us</h1> </div> <div class = "formclass"> <form action = "index.html" method = "post"> <fieldset> <legend><span class = "number">1</span>Your basic info</legend> <label for = "name">Name:</label> <!--label is "for" the "input" with the same id name matching thing--> <input type = "text" id = "name"> <label for = "mail">Email:</label> <input type = "email" id = "mail" name = "user_mail"> </fieldset> <fieldset> <legend><span class = "number">2</span>Your basic info</legend> <label for = "category">What would you like to contact us for?</label> <select id = "category" name = "user_category"> <option>Question</option> <option>Suggestion</option> <option>Help</option> </select> <label for = "reponse">What would you like to say?</label> <textarea id = "response" name = "user_response"></textarea> </fieldset> </form> <span style = "padding-bottom: 20px"><button class = "submit-button">Submit Response</button></span> </div> <div class = "row"> <div class = "col-md-12 back border-top"> <span style = "text-align: center"><p><a href = "#"><b>Back to top!</b></a></p></span> </div> </div> </div> </div> <footer> <p>© 2015 Kashish Singal</p> <a href="mailto:kashish16space@gmail.com"><img src = "http://png-1.findicons.com/files/icons/1580/devine_icons_part_2/128/mail_2.png" height = "50px" width = "50px"></a> <a href="tel:408-630-0831"><img src = "http://www.clker.com/cliparts/0/f/c/2/1195445181899094722molumen_phone_icon.svg.hi.png" height = "50px" width = "50px"></a> <a href = "https://twitter.com/kashish_singal"><img src = "http://static1.squarespace.com/static/553562c2e4b0b7c76463317a/t/558cb6bee4b0ca0116b136e6/1435285183157/" height = "50px" width = "50px"></a> <br> <p style = "padding-top: 10px"><a href="mailto:kashish16space@gmail.com">kashish16space@gmail.com</a> <a href="tel:408-630-0831">408-630-0831</a></p> <a href = "#"><span style = "color: darkorange"><b>Back to top!</b></span></a> </footer> <script src = "script.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </body> </html>

!