MfTestnet/index4.html at main · mostlyfutures/MfTestnet · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MostlyFutures - Stocks</title>
    <style>
      body {
        margin: 0;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        min-height: 100vh;
        background: linear-gradient(135deg, #1e40af, #3b82f6);
        color: #fff;
        padding: 2rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .link-card {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        border-radius: 12px;
        overflow: hidden;
        transition: all 0.3s ease;
        width: 100%;
        max-width: 500px;
        animation: fadeIn 0.5s ease-out;
      }

      .link-card a {
        color: #fff;
        text-decoration: none;
        padding: 1.2rem;
        display: block;
        font-size: 1.1em;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-align: center;
      }

      .link-card:hover {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
      }

      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(-20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (max-width: 768px) {
        img {
          max-width: 80% !important; /* 50% + 30% increase = 80% */
        }
      }

      .back-button {
        position: fixed;
        top: 20px;
        left: 20px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        padding: 10px 20px;
        border-radius: 8px;
        color: white;
        text-decoration: none;
        transition: all 0.3s ease;
      }

      .back-button:hover {
        background: rgba(255, 255, 255, 0.2);
      }

      .trading-description {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 2rem auto;
        line-height: 1.6;
        animation: fadeIn 0.5s ease-out;
      }
    </style>
  </head>
  <body>
    <a href="index.html" class="back-button">Back</a>
    <h1 style="animation: fadeIn 1s ease-out">What is Trading?</h1>
    <div class="trading-description">
      The word "Trading" is essentially an umbrella term for a fast-paced
      activity where people buy and sell assets to make a profit. Trading uses
      markets to facilitate an exchange of goods, like stocks, currencies, or
      even crypto, instead of just holding onto them forever. For example,
      rather than one person buying a stock and holding it for years until the
      price goes up, trading is the action of buy something cheap and selling it
      once it's worth more, pocketing the difference. Markets can be wild,
      unpredictable, and full of opportunity, but trading uses tools like
      charts, apps, and strategies to make people money. Imagine a world where
      instead of waiting years for your money to maybe grow, you jump in, spot a
      deal, and flip it for a profit in hours or even minutes. Trading can
      involve stocks, forex (currencies), crypto, or anything with a price tag
      that moves.
    </div>
    <div class="link-card" style="margin-bottom: 1rem">
      <a href="https://futurescape3.gumroad.com/l/mostlyfutures" target="_blank"
        >Learn more</a
      >
    </div>
    <div class="link-card">
      <a href="https://join.robinhood.com/grantc-6ef531b" target="_blank"
        >Start trading Stocks</a
      >
    </div>
    </div>
  </body>
</html>