├── bullet-icon.svg ├── style.css ├── index.html └── license.svg /bullet-icon.svg: -------------------------------------------------------------------------------- 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 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | font-family: 'Ubuntu', sans-serif; 3 | } 4 | body{ 5 | margin: 0px; 6 | padding: 0px; 7 | background-color: ghostwhite; 8 | } 9 | /*******After display Page portion********/ 10 | .detail{ 11 | width: 100%; 12 | height: 80vh; 13 | background-color: ghostwhite; 14 | display: flex; 15 | justify-content: space-around; 16 | align-items: center; 17 | 18 | } 19 | .detail-1{ 20 | width: 20%; 21 | height: 50vh; 22 | display: flex; 23 | flex-direction: column; 24 | justify-content: center; 25 | align-items: center; 26 | line-height: 5px; 27 | transition: 0.1s ease-in-out; 28 | } 29 | .detail-1:hover{ 30 | border: 2px solid green; 31 | border-radius: 20px; 32 | transition-delay: 0.1s; 33 | background-color: white; 34 | } 35 | h1{ 36 | color: green; 37 | font-size: 40px; 38 | } 39 | h3{ 40 | color: gray; 41 | font-size: 20px; 42 | } 43 | /********After display Page portion ends********/ 44 | /********Know the Benefits portion********/ 45 | .benefits{ 46 | width: 100%; 47 | height: 80vh; 48 | background-color: ghostwhite; 49 | } 50 | .benefits-child{ 51 | width: 50%; 52 | height: 100%; 53 | float: left; 54 | } 55 | .benefits-child p { 56 | color: gray; 57 | font-size: 25px; 58 | margin-right: 50px; 59 | line-height: 50px; 60 | } 61 | .benefits h1 { 62 | margin-left: 40px; 63 | } 64 | /********Know the Benefits portion ends********/ 65 | 66 | /********Cards after Know the Benefits portion********/ 67 | .grid-card{ 68 | width: auto; 69 | height: 100vh; 70 | color: gray; 71 | background-color: ghostwhite; 72 | } 73 | .card-child{ 74 | width: 40%; 75 | height: 40%; 76 | display: flex; 77 | float: left; 78 | border: 1px solid ghostwhite; 79 | border-radius: 20px; 80 | box-shadow: 2px 4px 20px rgb(159, 158, 158); 81 | margin-left: 80px; 82 | margin-bottom: 60px; 83 | } 84 | .card-1{ 85 | width: 40%; 86 | height: 100%; 87 | display: flex; 88 | justify-content: center; 89 | align-items: center; 90 | } 91 | .card-2{ 92 | width: 60%; 93 | height: 100%; 94 | } 95 | .card-2 h2{ 96 | padding-top: 40px; 97 | } 98 | .card-2 p{ 99 | padding-right: 30px; 100 | } 101 | /********Cards after Know the Benefits portion ends********/ 102 | 103 | /********Self Backed Loan portion********/ 104 | .self-main{ 105 | width: 100%; 106 | height: 200vh; 107 | display: flex; 108 | background-color: ghostwhite; 109 | } 110 | .self-child1{ 111 | width: 50%; 112 | height: 100%; 113 | } 114 | .self-child2{ 115 | width: 50%; 116 | height: 100%; 117 | } 118 | .self-child2 h1{ 119 | color: gray; 120 | } 121 | .icon-para{ 122 | width: 100%; 123 | height: 30%; 124 | display: flex; 125 | margin-bottom: 50px; 126 | } 127 | .icon-img{ 128 | width: 10%; 129 | height: 90%; 130 | padding-top: 20px; 131 | } 132 | .para{ 133 | width: 90%; 134 | height: 100%; 135 | padding-right: 40px; 136 | font-size: 25px; 137 | line-height: 50px; 138 | color: gray; 139 | } 140 | .just-para{ 141 | width: 90%; 142 | height: 20%; 143 | font-size: 25px; 144 | line-height: 50px; 145 | color: gray; 146 | display: flex; 147 | align-items: center; 148 | border-left: 1px solid green;; 149 | } 150 | .just-para p { 151 | padding-left: 40px; 152 | padding-right: 40px; 153 | } 154 | /********Self Backed Loan portion ends********/ 155 | 156 | /********How its work portion ********/ 157 | /* Same CSS from Konw the benefits portion with same classes */ 158 | /********How its work portion ends********/ -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Project-01 6 | 7 | 8 | 9 | 13 | 14 | 15 | 16 |
17 |
18 |

$3M+

19 |

Borrowed

20 |

Funds

21 |
22 |
23 |

2K+

24 |

Leverikx active

25 |

members

26 |
27 |
28 |

50+

29 |

Supported

30 |

Cryptocurrencies

31 |
32 |
33 |

200+

34 |

Yeild

35 |

rewards

36 |
37 |
38 | 39 | 40 |
41 |
42 |

Know the Benefits

43 |
44 |
45 |

46 | The Leverix is licensed and regulated by the Financial Intelligence 47 | Unit (FIU) to offer services of exchanging virtual currency against 48 | FIAT and wallet management. We let users buy coins with cash, other 49 | crypto & various global payment methods. 50 |

51 |
52 |
53 | 54 | 55 |
56 |
57 |
58 | license 59 |
60 |
61 |

Our Licenses

62 |
63 |
64 |

65 | Authorized and regulated locally by the Financial Conduct Authority 66 | (“FCA”) 67 |

68 |
69 |
70 |
71 |
72 | wallet 73 |
74 |
75 |

Multi Currency Wallet

76 |
77 |
78 |

The multi-currency wallet integrated into our dashboard

79 |
80 |
81 |
82 |
83 | percent 89 |
90 |
91 |

Low Rollover fees

92 |
93 |
94 |

Never pay more than 0.02% (per hour) in rollover fees.

95 |
96 |
97 |
98 |
99 | weight scale 105 |
106 |
107 |

High Average

108 |
109 |
110 |

111 | Allow your users to amplify their trading power by using leverage up 112 | to multiple times 113 |

114 |
115 |
116 |
117 | 118 | 119 | 120 |
121 |
122 | bank 123 |
124 |
125 |

What is a Self-Backed Loan?

126 |
127 |
128 | icon 129 |
130 |
131 |

132 | Before borrowing funds and buying crypto with leverage, you need 133 | to deposit funds into your Leverix account. The funds you provide 134 | are what we call collateral with an option to take a self-backed 135 | loan for buying crypto assets. 136 |

137 |
138 |
139 |
140 |
141 | icon 142 |
143 |
144 |

145 | Suppose you fund your account with $5,000. Using an extension of a 146 | self-backed loan from Leverix, you could buy or sell $10,000 worth 147 | of BTC/USD on the BTC/USD order book with this account. 148 |

149 |
150 |
151 |
152 |

153 | Leverage reflects the number of personal funds required to open a 154 | position, compared to the size of the position (1:2, 1:5, 1:10, 155 | etc.). 156 |

157 |
158 |
159 |
160 | 161 | 162 | 163 |
164 |
165 |

How it works?

166 |
167 |
168 |

169 | Leverix Wallet makes it easy to buy, stake, and sell crypto with just 170 | a few taps on your smartphone from anywhere in the world in a secure 171 | manner, all from its web3 app. 172 |

173 |
174 |
175 | 176 | 177 | 178 | -------------------------------------------------------------------------------- /license.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | --------------------------------------------------------------------------------