LM/css.html at main · giancasss/LM · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Styled Page</title>
  <link rel="stylesheet" href="css/style.css">
  <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
</head>

<body>
  <header class="header">
    <div class="logo">Top Secret Store</div>
    <nav>
      <ul class="nav-links">
        <li><a href="css.html">Poem</a></li>
        <li><a href="index.html">Start</a></li>
        <li><a href="combined.html">Items</a></li>
      </ul>
    </nav>
  </header>

  <main class="container">
    <aside class="sidebar">
      <ul>
        <li><a href="#section1">Go to Act 1</a></li>
        <li><a href="#section2">Go to Act 2</a></li>
      </ul>
    </aside><br>

    <h1>Thinking of you, Wherever you are...</h1><br>

    <section id="section1" class="content">
      <h2>Act 1</h2><br>
      <p>There is always sleep between part and meet <br>
        with our usual words on the usual street.<br>
        So let us part like we always do...<br>
        And in a world without you<br>
        I'll think of you.<br>
        When I come to, let us meet<br>
        with our usual words on the usual street.</p><br>
        <img src="assets/9.jpg" alt="day" height="600" width="1000">
    </section><br>

    <section id="section2" class="content">
        <h2>Act 2</h2><br>
        <p>Beyond the path without you<br>
            is a forgotten promise to keep.<br>
            We may have walked side by side,<br>
            but now we go on back to back.<br>
            And though our paths may not cross,<br>
            all paths are connected somewhere.<br>
            When I arrive at where you are,<br>
            we may not appear to be as we were...<br>
            But we'll make another promise to keep</p><br>
      <img src="assets/7.jpg" alt="night" height="600" width="1000">
    </section><br>


  <footer class="container">
    <p>© 2025 Secret Store</p>
    <p><a href="privacy.html">Privacy Policy</a> | <a href="terms.html">Terms of Use</a></p>
  </footer>
</body>
</html>