Bank-Web-Design/index.html at master · YusufYetunde/Bank-Web-Design · 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
125
126
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<header class="header" role="banner" id="top">
		<div class="row">
			<div class="header-img"></div>
		<div class="header-img-text">
			<h1 class="heading-primary">We've chosen your growth to be our first priority</h1>
			<a href="#" class="btn btn--yellow">Learn More</a>
		</div>
		</div>
	</header>
	<nav class="nav" role="navigation">
		<ul class="nav-items">
			<li class="nav-item active"><a href="#" class="nav-link">Accounts</a></li>
			<li class="nav-item"><a href="#" class="nav-link">Best Loans and morgage</a></li>
			<li class="nav-item"><a href="#" class="nav-link">Money transfer</a></li>
			<li class="nav-item"><a href="#" class="nav-link">Ways to bank</a></li>
			<li class="nav-item"><a href="#" class="nav-link">cards</a></li>
			<li class="nav-item"><a href="#" class="nav-link">payment solution</a></li>
		</ul>
	</nav>
	<div class="work-box">
		<div class="ads">
			<div class="work-text">
				<h2>We got an account that works for you</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
				<a href="#" class="btn btn--yellow">Learn More</a>
			</div>
			<div class="work-img-box">
				<img src="img/person_6.jpg">
			</div>
		</div>
	</div>
	<section>
		<div class="row">
			<div class="card">
			<img src="img/person_2.jpg" class="card-img-top">
			<div class="card-block">
				<h4>*894#</h4>
				<p>Airtime, transfer money<br>Data</p>
			</div>
		</div>
		<div class="card">
			<img src="img/person_3.jpg" class="card-img-top">
			<div class="card-block">
				<h4>*894#</h4>
				<p>Airtime, transfer money<br>Data</p>
			</div>
		</div>
		<div class="card">
			<img src="img/person_4.jpg" class="card-img-top">
			<div class="card-block">
				<h4>*894#</h4>
				<p>Airtime, transfer money<br>Data</p>
			</div>
		</div>
		</div>
	</section>
	<footer class="footer" role="contentifo">
		<div class="row">
			<div class="footer-inline">
				<div class="footer-items">
				<h3>Quick Links</h3>
				<ul>
					<li><a href="#">BVN</a></li>
					<li><a href="#">Bank Mobile App</a></li>
					<li><a href="#">Forms</a></li>
					<li><a href="#">Offers</a></li>
					<li><a href="#">Our Publication</a></li>
				</ul>
			</div>
			<div class="footer-items">
				<h3>Security</h3>
				<ul>
					<li><a href="#">Secdurity Tips</a></li>
					<li><a href="#">Secure Code</a></li>
					<li><a href="#">Anti-Fraud Video</a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</div>
			<div class="footer-items">
				<h3>Services</h3>
				<ul>
					<li><a href="#">Personnal Banking</a></li>
					<li><a href="#">Business Banking</a></li>
					<li><a href="#">Feedback and complaints</a></li>
					<li><a href="#">Account Opening</a></li>
					<li><a href="#"></a></li>
				</ul>
			</div>
			<div class="footer-items">
				<h3>About Us</h3>
				<ul>
					<li><a href="#">Investor Relations</a></li>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Our Bussiness</a></li>
					<li><a href="#">CRS</a></li>
					<li><a href="#"></a></li>
				</ul>
			</div>
			<div class="footer-items">
				<h3>Product Advert</h3>
				<img src="img/img_2.jpg">
			</div>
			</div>
		</div>
		<div class="row">
			<div class="contact"> Contact Us
			<form>
				<input type="text" name="email" placeholder="yusufyetunde13@gmail.com">
				<a href="#" class="btn btn--blue">Learn More</a>
			</form>
		</div>
		</div>
	</footer>


</body>
</html>