Message-a-Loved-One/index.html at main · dltorrise/Message-a-Loved-One · 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
<!--You can create other webpages as well-->
<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="Assets/style.css">
  <title>Message for a Loved One</title>
  <script src=" https://smtpjs.com/v3/smtp.js"></script>
</head>

<body>
  <!-- <header>
    <nav class="text-right">
      <ul>
        <li> <a href="mywallet.com/DeeTee617">Donations</a></li>
        <li> <a href="myscarywebsite.com/otherservices">Other Services</a></li>
        <li> <a href="mailto:danitori0617@gmail.com">Contact</a></li>
      </ul>
    </nav>
  </header> -->

  <main>
    <h1 class="text-center">Send a Letter</h1>
    <div class="background">
      <iframe class="left-gif giphy-embed" src="https://giphy.com/embed/xRvjV3brAZ7Q6DZlob" width="200" height="300" frameBorder="0" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/taube-danikie-friedenstaube-xRvjV3brAZ7Q6DZlob">via GIPHY</a></p>
      <img class="image" src="https://us.123rf.com/450wm/simplyamazing/simplyamazing2007/simplyamazing200700460/151724874-train-pigeon-carrier-to-deliver-a-message-hand-release-pigeon-bird-with-roll-paper-message-in-cartoo.jpg?ver=6" alt= "your carrier pigeon">
      <iframe class="right-gif giphy-embed" src="https://giphy.com/embed/xRvjV3brAZ7Q6DZlob" width="200" height="300" frameBorder="0" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/taube-danikie-friedenstaube-xRvjV3brAZ7Q6DZlob">via GIPHY</a></p>
    </div>
    <img class="mobile-image" src="https://us.123rf.com/450wm/simplyamazing/simplyamazing2007/simplyamazing200700460/151724874-train-pigeon-carrier-to-deliver-a-message-hand-release-pigeon-bird-with-roll-paper-message-in-cartoo.jpg?ver=6" alt= "your carrier pigeon">
    <section>
      <figcaption class="text-center">Do you have unfinished business with a loved one who has passed? Write them a letter in the form below.</figcaption>
    </section>
    <section id="contact">
      <form id="form-submit">
        <div class="mb-1">
          <label for="exampleInputEmail1" class="form-label">Your name:</label>
          <input type="text" class="form-control" id="name-input" aria-describedby="emailHelp">
          <div id="emailHelp" class="form-text"></div>
        </div>
        <div class="mb-1">
          <label for="exampleInputPassword1" class="form-label">Your Message:</label>
          <input type="text" class="form-control" id="message-input">
        </div>
        <button type="submit" class="btn btn-primary mt-3">Submit</button>
      </form>
    </section>


  </main>

  <footer class="text-center">
    © 2023 The Other Side, Inc.
  </footer>
  <script src="./Assets/script.js"></script>
</body>
</html>