SparkProject/about.php at main · codeworld12/SparkProject · 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
124
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://img.icons8.com/emoji/48/000000/bank-emoji.png" type="image/x-icon">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
    <link rel="stylesheet" href="style.css">
    <title>Money Transfer About_Page</title>
    <style>
        body{
            background: linear-gradient(30deg,rgb(243, 243, 204), red , rgb(63, 57, 57));

        }
        .section{
            display:flex;
            padding:50px;
        }

        .container{
            display: flex;
        }

        .content-section{
            display: flex;
        }

        .content{
            display: flex;
            flex-direction: column;
        }

        #heading-center{
            display: flex;
            margin: 20px auto;
            padding: 5px;
            width: 720px;
        }

        .check{
            list-style: circle;
        }

        .social{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

        .social img{
            width: 40px;
            height: 40px;
            margin-left: 10px;
        }

        p,li{
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
    </style>
</head>

<body>
    <nav class="navbar background">
        <div class="logo"><img src="icon.jpg" alt="logo"></div>
        <ul class="nav_list">
            <div id="nav-contain">
                <li> <a href="index.php">Home</a></li>
                <li> <a href="about.php">About Us</a></li>
                <li> <a href="service.php">Services</a></li>
                <li> <a href="contact.php">Contact</a></li>
            </div>
        </ul>
    </nav>

    <div id='heading-center'>
        <h1>Save Smarter,
            Faster Than Ever.
            Your hard earned money deserves a
            harder-working savings account.
        </h1>
    </div>
    <div class="section">

        <div clas="container">
            <div clas="content-section">
                <div class="content">
                    <h2>Protect what you've earned, grow your wealth and build your legacy for the next generation</h2>
                    <br>
                    <p>Along with a comprtitive, variable rate and no monthly maintainance fees, this account comeswith tools to
                        grow your money faster. Like any saving account ,there's a limit of 6 withdrawals per statement cycle,
                        using your tools won't count towards those limits.</p>
                    <br>
                    <div class="check">
                        <li>Get personalized recommendation to help you save more.</li>
                        <li>Use bucket to organize your money and visualize what you're saving for.</li>
                        <li>This is the safest way to transfer the money by onine</li>
                        </li>Set up boosters to optimize and maximize your savings, even if the rate changes after your open the account. </li>
                        <li>Make Changes as new priorities arise.</li>
                    </div>

                    <div class="buton">
                        <a href="">Read More</a>
                    </div>
                </div>

            </div>

        </div>

        <div class="imag">
            <img src="handcoin.jpg">
        </div>
    </div>
    <div class="social">
        <img src="https://img.icons8.com/fluent/48/000000/facebook-new.png"/>
        <img src="https://img.icons8.com/color/48/000000/instagram-new--v2.png"/>
        <img src="https://img.icons8.com/color/48/000000/twitter--v2.png"/>
    </div>
</body>

</html>