Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit aef80a0

Browse files
pages applied
1 parent 7c79518 commit aef80a0

File tree

5 files changed

+474
-6
lines changed

5 files changed

+474
-6
lines changed

‎AspnetRunBasics/Pages/Cart.cshtml

Lines changed: 87 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,91 @@
44
ViewData["Title"] = "Cart";
55
}
66

7-
<h1>Cart</h1>
7+
<section class="jumbotron text-center">
8+
<div class="container">
9+
<h1 class="jumbotron-heading">E-COMMERCE CART</h1>
10+
</div>
11+
</section>
12+
13+
<div class="container mb-4">
14+
<div class="row">
15+
<div class="col-12">
16+
<div class="table-responsive">
17+
<table class="table table-striped">
18+
<thead>
19+
<tr>
20+
<th scope="col"> </th>
21+
<th scope="col">Product</th>
22+
<th scope="col">Available</th>
23+
<th scope="col" class="text-center">Quantity</th>
24+
<th scope="col" class="text-right">Price</th>
25+
<th> </th>
26+
</tr>
27+
</thead>
28+
<tbody>
29+
<tr>
30+
<td><img src="https://dummyimage.com/50x50/55595c/fff" /> </td>
31+
<td>Product Name Dada</td>
32+
<td>In stock</td>
33+
<td><input class="form-control" type="text" value="1" /></td>
34+
<td class="text-right">124,90 €</td>
35+
<td class="text-right"><button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i> </button> </td>
36+
</tr>
37+
<tr>
38+
<td><img src="https://dummyimage.com/50x50/55595c/fff" /> </td>
39+
<td>Product Name Toto</td>
40+
<td>In stock</td>
41+
<td><input class="form-control" type="text" value="1" /></td>
42+
<td class="text-right">33,90 €</td>
43+
<td class="text-right"><button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i> </button> </td>
44+
</tr>
45+
<tr>
46+
<td><img src="https://dummyimage.com/50x50/55595c/fff" /> </td>
47+
<td>Product Name Titi</td>
48+
<td>In stock</td>
49+
<td><input class="form-control" type="text" value="1" /></td>
50+
<td class="text-right">70,00 €</td>
51+
<td class="text-right"><button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i> </button> </td>
52+
</tr>
53+
<tr>
54+
<td></td>
55+
<td></td>
56+
<td></td>
57+
<td></td>
58+
<td>Sub-Total</td>
59+
<td class="text-right">255,90 €</td>
60+
</tr>
61+
<tr>
62+
<td></td>
63+
<td></td>
64+
<td></td>
65+
<td></td>
66+
<td>Shipping</td>
67+
<td class="text-right">6,90 €</td>
68+
</tr>
69+
<tr>
70+
<td></td>
71+
<td></td>
72+
<td></td>
73+
<td></td>
74+
<td><strong>Total</strong></td>
75+
<td class="text-right"><strong>346,90 €</strong></td>
76+
</tr>
77+
</tbody>
78+
</table>
79+
</div>
80+
</div>
81+
<div class="col mb-2">
82+
<div class="row">
83+
<div class="col-sm-12 col-md-6">
84+
<button class="btn btn-block btn-light">Continue Shopping</button>
85+
</div>
86+
<div class="col-sm-12 col-md-6 text-right">
87+
<button class="btn btn-lg btn-block btn-success text-uppercase">Checkout</button>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
894

‎AspnetRunBasics/Pages/Contact.cshtml

Lines changed: 64 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,68 @@
44
ViewData["Title"] = "Contact";
55
}
66

7-
<h1>Contact</h1>
7+
<section class="jumbotron text-center">
8+
<div class="container">
9+
<h1 class="jumbotron-heading">E-COMMERCE CONTACT</h1>
10+
<p class="lead text-muted mb-0">Contact Page build with Bootstrap 4 !</p>
11+
</div>
12+
</section>
13+
<div class="container">
14+
<div class="row">
15+
<div class="col">
16+
<nav aria-label="breadcrumb">
17+
<ol class="breadcrumb">
18+
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
19+
<li class="breadcrumb-item active" aria-current="page">Contact</li>
20+
</ol>
21+
</nav>
22+
</div>
23+
</div>
24+
</div>
25+
<div class="container">
26+
<div class="row">
27+
<div class="col">
28+
<div class="card">
29+
<div class="card-header bg-primary text-white">
30+
<i class="fa fa-envelope"></i> Contact us.
31+
</div>
32+
<div class="card-body">
33+
<form>
34+
<div class="form-group">
35+
<label for="name">Name</label>
36+
<input type="text" class="form-control" id="name" aria-describedby="emailHelp" placeholder="Enter name" required>
37+
</div>
38+
<div class="form-group">
39+
<label for="email">Email address</label>
40+
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email" required>
41+
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
42+
</div>
43+
<div class="form-group">
44+
<label for="message">Message</label>
45+
<textarea class="form-control" id="message" rows="6" required></textarea>
46+
</div>
47+
<div class="mx-auto">
48+
<button type="submit" class="btn btn-primary text-right">Submit</button>
49+
</div>
50+
</form>
51+
</div>
52+
</div>
53+
</div>
54+
<div class="col-12 col-sm-4">
55+
<div class="card bg-light mb-3">
56+
<div class="card-header bg-success text-white text-uppercase"><i class="fa fa-home"></i> Address</div>
57+
<div class="card-body">
58+
<p>3 rue des Champs Elysées</p>
59+
<p>75008 PARIS</p>
60+
<p>France</p>
61+
<p>Email : email@example.com</p>
62+
<p>Tel. +33 12 56 11 51 84</p>
63+
64+
</div>
65+
66+
</div>
67+
</div>
68+
</div>
69+
</div>
70+
871

‎AspnetRunBasics/Pages/Product.cshtml

Lines changed: 169 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,173 @@
44
ViewData["Title"] = "Product";
55
}
66

7-
<h1>Product</h1>
7+
<section class="jumbotron text-center">
8+
<div class="container">
9+
<h1 class="jumbotron-heading">E-COMMERCE CATEGORY</h1>
10+
<p class="lead text-muted mb-0">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte...</p>
11+
</div>
12+
</section>
13+
<div class="container">
14+
<div class="row">
15+
<div class="col">
16+
<nav aria-label="breadcrumb">
17+
<ol class="breadcrumb">
18+
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
19+
<li class="breadcrumb-item"><a href="category.html">Category</a></li>
20+
<li class="breadcrumb-item active" aria-current="page">Sub-category</li>
21+
</ol>
22+
</nav>
23+
</div>
24+
</div>
25+
</div>
26+
<div class="container">
27+
<div class="row">
28+
<div class="col-12 col-sm-3">
29+
<div class="card bg-light mb-3">
30+
<div class="card-header bg-primary text-white text-uppercase"><i class="fa fa-list"></i> Categories</div>
31+
<ul class="list-group category_block">
32+
<li class="list-group-item"><a href="category.html">Cras justo odio</a></li>
33+
<li class="list-group-item"><a href="category.html">Dapibus ac facilisis in</a></li>
34+
<li class="list-group-item"><a href="category.html">Morbi leo risus</a></li>
35+
<li class="list-group-item"><a href="category.html">Porta ac consectetur ac</a></li>
36+
<li class="list-group-item"><a href="category.html">Vestibulum at eros</a></li>
37+
</ul>
38+
</div>
39+
<div class="card bg-light mb-3">
40+
<div class="card-header bg-success text-white text-uppercase">Last product</div>
41+
<div class="card-body">
42+
<img class="img-fluid" src="https://dummyimage.com/600x400/55595c/fff" />
43+
<h5 class="card-title">Product title</h5>
44+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
45+
<p class="bloc_left_price">99.00 $</p>
46+
</div>
47+
</div>
48+
</div>
49+
<div class="col">
50+
<div class="row">
51+
<div class="col-12 col-md-6 col-lg-4">
52+
<div class="card">
53+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
54+
<div class="card-body">
55+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
56+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
57+
<div class="row">
58+
<div class="col">
59+
<p class="btn btn-danger btn-block">99.00 $</p>
60+
</div>
61+
<div class="col">
62+
<a href="#" class="btn btn-success btn-block">Add to cart</a>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</div>
68+
<div class="col-12 col-md-6 col-lg-4">
69+
<div class="card">
70+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
71+
<div class="card-body">
72+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
73+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
74+
<div class="row">
75+
<div class="col">
76+
<p class="btn btn-danger btn-block">99.00 $</p>
77+
</div>
78+
<div class="col">
79+
<a href="#" class="btn btn-success btn-block">Add to cart</a>
80+
</div>
81+
</div>
82+
</div>
83+
</div>
84+
</div>
85+
<div class="col-12 col-md-6 col-lg-4">
86+
<div class="card">
87+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
88+
<div class="card-body">
89+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
90+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
91+
<div class="row">
92+
<div class="col">
93+
<p class="btn btn-danger btn-block">99.00 $</p>
94+
</div>
95+
<div class="col">
96+
<a href="#" class="btn btn-success btn-block">Add to cart</a>
97+
</div>
98+
</div>
99+
</div>
100+
</div>
101+
</div>
102+
<div class="col-12 col-md-6 col-lg-4">
103+
<div class="card">
104+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
105+
<div class="card-body">
106+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
107+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
108+
<div class="row">
109+
<div class="col">
110+
<p class="btn btn-danger btn-block">99.00 $</p>
111+
</div>
112+
<div class="col">
113+
<a href="#" class="btn btn-success btn-block">Add to cart</a>
114+
</div>
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
<div class="col-12 col-md-6 col-lg-4">
120+
<div class="card">
121+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
122+
<div class="card-body">
123+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
124+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
125+
<div class="row">
126+
<div class="col">
127+
<p class="btn btn-danger btn-block">99.00 $</p>
128+
</div>
129+
<div class="col">
130+
<a href="#" class="btn btn-success btn-block">Add to cart</a>
131+
</div>
132+
</div>
133+
</div>
134+
</div>
135+
</div>
136+
<div class="col-12 col-md-6 col-lg-4">
137+
<div class="card">
138+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
139+
<div class="card-body">
140+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
141+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
142+
<div class="row">
143+
<div class="col">
144+
<p class="btn btn-danger btn-block">99.00 $</p>
145+
</div>
146+
<div class="col">
147+
<a href="#" class="btn btn-success btn-block">Add to cart</a>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
</div>
153+
<div class="col-12">
154+
<nav aria-label="...">
155+
<ul class="pagination">
156+
<li class="page-item disabled">
157+
<a class="page-link" href="#" tabindex="-1">Previous</a>
158+
</li>
159+
<li class="page-item"><a class="page-link" href="#">1</a></li>
160+
<li class="page-item active">
161+
<a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
162+
</li>
163+
<li class="page-item"><a class="page-link" href="#">3</a></li>
164+
<li class="page-item">
165+
<a class="page-link" href="#">Next</a>
166+
</li>
167+
</ul>
168+
</nav>
169+
</div>
170+
</div>
171+
</div>
172+
173+
</div>
174+
</div>
175+
8176

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /