Victor-NoC.github.io/sense.html at main · Victor-NoC/Victor-NoC.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="sense.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
    <title> Noises Off</title>
  </head>
  <body>
    <div class="photo-banner">
      <image  class="banner-photo" src ="images/Dog.jpg" />
      <div class="banner-name">Sense & Sensibility: <br> Gossip</div>
    </div>

    <div class="under-banner-header">
      <a href="noisesOff.html" class="header-link">Noises Off</a>
      <a href="mary.html" class="header-link">Mary Poppins</a>
      <a href="main.html" class="header-link">Home</a>
    </div>

     <div class="artistic-state">
      <div class ="my-statement">
          <image class="left-pic" src="images/gather.jpg" />
          Have you heard?
          <image class="right-pic" src="images/Laughing-Gossip.jpg" />
      </div>
      <div class="artistic-state-text">
        Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

        Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
      </div>

      <div class ="my-statement2">
          <image class="left-pic" src="images/behindBush.jpg" />
          <image class="right-pic" src="images/chieme.jpg" />
      </div>

    </div>
  </body>
</html>