Differences

This shows you the differences between two versions of the page.

--- webbutv_gbook [2018-10-11 19:27]
Joakim Forsgren
+++ webbutv_gbook [2019-01-14 09:04]
Daniel Viström
@@ Line 8: / Line 8: @@
 . Gör en egen CSS till den markup du har fått. Kalla filerna för gbook1.html och CSS:n för gbook1.css\\
-. Gör en CSS som gör layouten så lik denna {{:gbook.png?linkonly|bild}} ni kan. Kalla filerna för gbook2.html och CSS:n för gbook2.css **Tips!** öppna bilden i ett bildbehandlingsprogram och plocka ut breder och färger, tex [[https://www.gimp.org|GIMP]] eller [[https://krita.org|Krita]].
+. Gör en CSS som gör layouten så lik denna {{:gbook.png?linkonly|bild}} ni kan. Kalla filerna för gbook2.html och CSS:n för gbook2.css **Tips!** öppna bilden i ett bildbehandlingsprogram och plocka ut breder och färger, tex [[https://www.gimp.org|GIMP]] eller [[https://krita.org|Krita]]. När det gäller fonter så duger det om ni använder er av **sans-serif**.
 Nedan finns den markup ni ska utgå ifrån, i den markup:en får ni bara ändra ”gbook1.css” till ”gbook2.css”.
@@ Line 55: / Line 55: @@
       <div class="form-row form-group">
         <div class="col">
-        <textarea placeholder="Please, write something in this guestbook!" class="form-control" rows="3" name="message"></textarea>
+          <textarea placeholder="Please, write something in this guestbook!" class="form-control" rows="3" name="message"></textarea>
         </div>
       </div>
@@ Line 77: / Line 77: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Modesta Squelch
-            <a href="mailto:msquelch4r@zimbio.com"><span
+            <a href="mailto:msquelch4r@zimbio.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="https://ibm.com/elit/proin/interdum/mauris/non/ligula/pellentesque.js"><span class="oi oi-external-link"></span></a>
-            <a
-              href="https://ibm.com/elit/proin/interdum/mauris/non/ligula/pellentesque.js"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-28 16:03:00</cite>
@@ Line 98: / Line 95: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Rivy Greson
-            <a href="mailto:rgreson9x@odnoklassniki.ru"><span
+            <a href="mailto:rgreson9x@odnoklassniki.ru"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="https://nsw.gov.au/nunc/nisl/duis/bibendum/felis/sed.png"><span class="oi oi-external-link"></span></a>
-            <a
-              href="https://nsw.gov.au/nunc/nisl/duis/bibendum/felis/sed.png"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-28 04:36:00</cite>
@@ Line 119: / Line 113: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Anthony Lillow
-            <a href="mailto:alillowo6@chron.com"><span
+            <a href="mailto:alillowo6@chron.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="http://purevolume.com/sem/praesent/id/massa/id.jsp"><span class="oi oi-external-link"></span></a>
-            <a href="http://purevolume.com/sem/praesent/id/massa/id.jsp"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-27 22:01:00</cite>
@@ Line 139: / Line 131: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Sabina Rousby
-            <a href="mailto:srousbyp@buzzfeed.com"><span
+            <a href="mailto:srousbyp@buzzfeed.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="https://smh.com.au/consequat.html"><span class="oi oi-external-link"></span></a>
-            <a href="https://smh.com.au/consequat.html"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-27 17:00:00</cite>
@@ Line 159: / Line 149: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Reade Aliberti
-            <a href="mailto:ralibertif9@netscape.com"><span
+            <a href="mailto:ralibertif9@netscape.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="http://marriott.com/sit.xml"><span class="oi oi-external-link"></span></a>
-            <a href="http://marriott.com/sit.xml"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-27 01:20:00</cite>
@@ Line 179: / Line 167: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Lane Tremellier
-            <a href="mailto:ltremellierk6@wikispaces.com"><span
+            <a href="mailto:ltremellierk6@wikispaces.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="https://meetup.com/odio/curabitur.png"><span class="oi oi-external-link"></span></a>
-            <a href="https://meetup.com/odio/curabitur.png"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-26 13:46:00</cite>
@@ Line 199: / Line 185: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Kris Scading
-            <a href="mailto:kscadingmj@eepurl.com"><span
+            <a href="mailto:kscadingmj@eepurl.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="http://slideshare.net/porta/volutpat/erat/quisque/erat.jsp"><span class="oi oi-external-link"></span></a>
-            <a
-              href="http://slideshare.net/porta/volutpat/erat/quisque/erat.jsp"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-25 23:42:00</cite>
@@ Line 220: / Line 203: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Cinda Taffley
-            <a href="mailto:ctaffleyib@ucoz.com"><span
+            <a href="mailto:ctaffleyib@ucoz.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="https://weebly.com/nulla/nisl.json"><span class="oi oi-external-link"></span></a>
-            <a href="https://weebly.com/nulla/nisl.json"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-25 12:40:00</cite>
@@ Line 260: / Line 241: @@
           <footer class="blockquote-footer">
             <span class="oi oi-person"></span> Creigh Cudworth
-            <a href="mailto:ccudworth9c@moonfruit.com"><span
+            <a href="mailto:ccudworth9c@moonfruit.com"><span class="oi oi-envelope-closed"></span></a>
-              class="oi oi-envelope-closed"></span></a>
+            <a href="http://dion.ne.jp/nulla.aspx"><span class="oi oi-external-link"></span></a>
-            <a href="http://dion.ne.jp/nulla.aspx"><span
-              class="oi oi-external-link"></span></a>
             <br>
             <cite title="Date time">Posted: 2018-09-23 11:58:00</cite>
@@ Line 274: / Line 253: @@
   <nav>
     <ul class="pagination justify-content-center">
-      <li class="page-item disabled">
+      <li class="page-item disabled"><a class="page-link" href="#" tabindex="-1">Previous</a></li>
-        <a class="page-link" href="#" tabindex="-1">Previous</a>
-      </li>
       <li class="page-item"><a class="page-link" href="#">1</a></li>
       <li class="page-item"><a class="page-link" href="#">2</a></li>
       <li class="page-item"><a class="page-link" href="#">3</a></li>
-      <li class="page-item">
+      <li class="page-item"><a class="page-link" href="#">Next</a></li>
-        <a class="page-link" href="#">Next</a>
-      </li>
     </ul>
   </nav>