-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuy.html
116 lines (116 loc) · 6.42 KB
/
buy.html
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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sellify</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container">
<a class="navbar-brand" href="#">Sellify</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="./index.html">Home</a>
<a class="nav-item nav-link active" href="">Buy</a>
<a class="nav-item nav-link" href="./sell.html">Sell</a>
<a class="nav-item nav-link" href="./services.html">Services</a>
<a class="nav-item nav-link" href="./contact.html">Contact</a>
<a class="nav-item nav-link" href="./about.html">About</a>
</div>
</div>
</div>
</nav>
<main>
<div class="container items">
<div class="row row-content">
<div class="col-sm-1">
</div>
<div class="col-sm-10">
<div class="col-12">
<h3>Billing Details</h3>
</div>
<div class="col-12 col-md-9">
<form>
<div class="form-group row">
<label for="firstname" class="col-md-2 col-form-label">First Name</label>
<div class="col-md-10">
<input type="text" class="form-control" id="firstname" name="firstname" placeholder="First Name">
</div>
</div>
<div class="form-group row">
<label for="lastname" class="col-md-2 col-form-label">Last Name</label>
<div class="col-md-10">
<input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last Name">
</div>
</div>
<div class="form-group row">
<label for="telnum" class="col-12 col-md-2 col-form-label">Contact Tel.</label>
<div class="col-5 col-md-3">
<input type="tel" class="form-control" id="areacode" name="areacode" placeholder="Area code">
</div>
<div class="col-7 col-md-7">
<input type="tel" class="form-control" id="telnum" name="telnum" placeholder="Tel. number">
</div>
</div>
<div class="form-group row">
<label for="emailid" class="col-md-2 col-form-label">Email</label>
<div class="col-md-10">
<input type="email" class="form-control" id="emailid" name="emailid" placeholder="Email">
</div>
</div>
<div class="form-group row">
<div class="offset-md-2 col-md-10">
<button type="submit" class="btn btn-primary">Save</button>
<button type="reset" class="btn btn-secondary">Reset</button>
</div>
</div>
</form>
</div>
<div class="col-12 col-sm">
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<div class="row row-footer footer">
<div class="col-4 col-sm-2 offset-1">
<strong>Links</strong>
<br/>
<ul class="list-unstyled">
<li><a href="./index">Home</a></li>
<li><a href="">Buy</a></li>
<li><a href="./sell.html">Sell</a></li>
<li><a href="./services.html">Services</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./about.html">About</a></li>
</ul>
</div>
<div class="col-sm-8">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum sequi assumenda temporibus accusamus, iure nemo magni amet adipisci cumque itaque enim delectus porro dignissimos dolorum, soluta, suscipit veniam laboriosam? Laudantium!
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorum quisquam minima tenetur nostrum sapiente. A enim iusto obcaecati est quasi, earum quod recusandae labore autem rem soluta, officiis ab rerum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui atque dolor magnam unde nobis excepturi iste reprehenderit dignissimos corporis impedit eaque rem, quibusdam dolorem ut enim error tenetur esse molestias.
</div>
</div>
<div class="row justify-content-center footer">
<div class="col-auto">
<hr>
<p>© Copyright 2018 | Project by Godnon Dsilva </p>
</div>
</div>
</div>
</footer>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>