HTML_CSS_JavaScript/index.html at main · Bashibawa/HTML_CSS_JavaScript · 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
<!DOCTYPE html>

<html>
<head>
  <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="styles/style.css"/>
  <title>Home page</title>
</head>
<body>
  <header>
   <h1>
    Barter Trades
  </h1>
    <small>Trading without cash...</small>
  </header>
  <br>
  <br>
  <div id="menu" align="middle">
    <nav>
    <a href="news.html">News Feed</a>
    <a href="how.html">How we trade</a>
    <a href="about.html">About us</a>
    <a href="signup.html">Be a Member</a>
    <a href="login.html">Log in</a>
  </nav>
  </div>
  <hr>
  <br>
  <Section>
    <article class="post">
      <h3>What would you find in Barter Trades</h3>
      <p>This is where you can get or sell goods, offer or receive services without neccessary financial transactions. You dont have money? No problem! you can still trade and get what you want solong you have what to offer.</p>
      <br>
      <a href="images/NoMNoP.jpeg">
        <img src="images/NoMNoP.jpeg" alt="No Money No Problem">
      </a>
      <br>
      <small>
        For more infomation click <a href="about.html">here</a>
      </small>
    </article>
    <article class="post">
      <h3>Why choose Barter Trades</h3>
      <p> Money is less abundant in circulation while goods & services remain redundant. This medium can remedy them both.</p>
      <p>For example, a rice farmer needs to spend a minimum of 2 months to sell the quantity of rice to pay an equivalent amount as school fee for his son in a boarding school. Mean while the boarding school Administration needs to purchase rice from the market to sustain her students feeding for a term. This medium can save the farmer the stress of selling the rice in the market for a long period before paying the fees. He could as a Barter trader resume school with His son along with the equivalent amount of rice which can sustain the school system for that term.</p>
      <br>
      <a href="images/barterexample.jpeg">
        <img src="images/barterexample.jpeg" alt="Example">
        <br>
        <small>For more information click <a href="how.html">here</a>
        </small>
      </a>
    </article>
    <article class="post">
      <h3>Advantages of Barter Trades</h3>
      <br>
      <ul>
        <li>Cost Effective</li>
        <li>No Transaction Fee</li>
        <li>Less Bargain</li>
        <li>Reliable</li>
        <li>Broad sense Customer Base</li>
      </ul>
      <br>
      <p>In addition, it gives you ample opportunity for your Savings/ Investment money grow with cashless transactions</p>
    </article>
    <article class="post">
      <h2>Our Packages</h2>
      <br>
      <table>
        <thead>
          <tr>
            <th>Package</th>
            <th>Value</th>
            <th>Validity</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Basic</td>
            <td>Free</td>
            <td>Forever</td>
          </tr>
          <tr>
            <td>Premium (Bronze)</td>
            <td>#500</td>
            <td>One Month</td>
          </tr>
          <tr>
            <td>Premium (Silver)</td>
            <td>#2,000</td>
            <td>Two Months</td>
          </tr>
          <tr>
            <td>Premium (Gold)</td>
            <td>#5,000</td>
            <td>Three Months</td>
          </tr>
          <tr>
            <td>Premium (Diamond)</td>
            <td>#10,000</td>
            <td>Three Months</td>
          </tr>
        </tbody>
      </table>
      <button>
        <a href="packages.html">Learn more</a>
      </button>
    </article>
  </Section>
  <hr>
  <footer id="main-footer">
    <p>Copyright &copy: 2021, bartertrades.com</p>
  </footer>
</body>
</html>