5th Grade

Our 5th graders have been learning HTML code over the last several weeks. Below you will see the project requirements followed by student work. Websites are on the left. The code behind the scenes are on the right. Remember, students are not using drag-and-drop features of Google Sites. Students are writing the actual code to create their sites. 

Blue Group

Analicia


<h1 style="text-align:center; font-family:courier new; color:#60815a; background-color: #9cadc9"> save the oceans. do it now. </h1>

<h3 style="text-align:center"> by: analicia ^^

<img src="https://images.unsplash.com/photo-1559962219-f52ccd86944e?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"  width=500 px>

<p> as you can see, the oceans are a lot very much very big. </p>

<i>  so we need to protect them. </i>

<img src="https://plus.unsplash.com/premium_photo-1661833157397-d8ee0e10675c?q=80&w=2076&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"  width=500 px>

<p> just look at these innocent fish! they are 

<h1 style="color:red"> DYING </h1>

<p>because of pollution!!!!!!!!!!!! </p>

<iframe width="560" height="315" src="https://www.youtube.com/embed/R842OiksrhY?si=3amEa8xXAPelg1mf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen> </iframe>

<p> (ignore the species change) </p>

<h1 style="color:blue"> BOO HOO! :( </h1>

<h3 style="font-family:cursive"> but what can we do to save them, doctor? </h3>

  <br>

  <h2 style="color:red"> S </h2>

  <h2 style="color:orange"> T </h2>

  <h2 style="color:yellow"> O </h2>

  <h2 style="color:green"> P </h2>

  <br>

  <h2 style="color:blue"> P </h2>

  <h2 style="color:purple"> O </h2>

  <h2 style="color:red"> L</h2>

   <h2 style="color:orange"> L</h2>

   <h2 style="color:yellow"> U</h2>

  <h2 style="color:green"> T</h2>

  <h2 style="color:blue"> I</h2>

  <h2 style="color:purple"> N</h2>

  <h2 style="color:red"> G</h2>

  <h1> !! </h1>

  <iframe width="560" height="315" src="https://www.youtube.com/embed/71IBbTy-_n4?si=M0W_1iGY3QeqRI_l" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

  <p> this guy. this guy gets it. </p>

  <h1> Anyway... </h1>

  <i> YOU CAN HELP TOO !! </i>

  <h3> Just donate to any charitable website that helps to save the water (or just do it yourself by keeping trash outside of water)!!</h3>