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 e0e779b

Browse files
index created
1 parent 3e34ad7 commit e0e779b

File tree

1 file changed

+228
-1
lines changed

1 file changed

+228
-1
lines changed

‎AspnetRunBasics/Pages/Index.cshtml

Lines changed: 228 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,232 @@
55
}
66

77

8-
Index Page
8+
<section class="jumbotron text-center">
9+
<div class="container">
10+
<h1 class="jumbotron-heading">E-COMMERCE BOOTSTRAP THEME</h1>
11+
<p class="lead text-muted mb-0">Simple theme for e-commerce buid with Bootstrap 4.0.0. Pages available : home, category, product, cart & contact</p>
12+
</div>
13+
</section>
14+
<div class="container">
15+
<div class="row">
16+
<div class="col">
17+
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
18+
<ol class="carousel-indicators">
19+
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
20+
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
21+
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
22+
</ol>
23+
<div class="carousel-inner">
24+
<div class="carousel-item active">
25+
<img class="d-block w-100" src="https://dummyimage.com/855x365/55595c/fff" alt="First slide">
26+
</div>
27+
<div class="carousel-item">
28+
<img class="d-block w-100" src="https://dummyimage.com/855x365/a30ca3/fff" alt="Second slide">
29+
</div>
30+
<div class="carousel-item">
31+
<img class="d-block w-100" src="https://dummyimage.com/855x365/1443ff/fff" alt="Third slide">
32+
</div>
33+
</div>
34+
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
35+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
36+
<span class="sr-only">Previous</span>
37+
</a>
38+
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
39+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
40+
<span class="sr-only">Next</span>
41+
</a>
42+
</div>
43+
</div>
44+
<div class="col-12 col-md-3">
45+
<div class="card">
46+
<div class="card-header bg-success text-white text-uppercase">
47+
<i class="fa fa-heart"></i> Top product
48+
</div>
49+
<img class="img-fluid border-0" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
50+
<div class="card-body">
51+
<h4 class="card-title text-center"><a href="product.html" title="View Product">Product title</a></h4>
52+
<div class="row">
53+
<div class="col">
54+
<p class="btn btn-danger btn-block">99.00 $</p>
55+
</div>
56+
<div class="col">
57+
<a href="product.html" class="btn btn-success btn-block">View</a>
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
66+
67+
<div class="container mt-3">
68+
<div class="row">
69+
<div class="col-sm">
70+
<div class="card">
71+
<div class="card-header bg-primary text-white text-uppercase">
72+
<i class="fa fa-star"></i> Last products
73+
</div>
74+
<div class="card-body">
75+
<div class="row">
76+
<div class="col-sm">
77+
<div class="card">
78+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
79+
<div class="card-body">
80+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
81+
<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>
82+
<div class="row">
83+
<div class="col">
84+
<p class="btn btn-danger btn-block">99.00 $</p>
85+
</div>
86+
<div class="col">
87+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
<div class="col-sm">
94+
<div class="card">
95+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
96+
<div class="card-body">
97+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
98+
<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>
99+
<div class="row">
100+
<div class="col">
101+
<p class="btn btn-danger btn-block">99.00 $</p>
102+
</div>
103+
<div class="col">
104+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
105+
</div>
106+
</div>
107+
</div>
108+
</div>
109+
</div>
110+
<div class="col-sm">
111+
<div class="card">
112+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
113+
<div class="card-body">
114+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
115+
<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>
116+
<div class="row">
117+
<div class="col">
118+
<p class="btn btn-danger btn-block">99.00 $</p>
119+
</div>
120+
<div class="col">
121+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
122+
</div>
123+
</div>
124+
</div>
125+
</div>
126+
</div>
127+
<div class="col-sm">
128+
<div class="card">
129+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
130+
<div class="card-body">
131+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
132+
<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>
133+
<div class="row">
134+
<div class="col">
135+
<p class="btn btn-danger btn-block">99.00 $</p>
136+
</div>
137+
<div class="col">
138+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
139+
</div>
140+
</div>
141+
</div>
142+
</div>
143+
</div>
144+
</div>
145+
</div>
146+
</div>
147+
</div>
148+
</div>
149+
</div>
150+
151+
152+
<div class="container mt-3 mb-4">
153+
<div class="row">
154+
<div class="col-sm">
155+
<div class="card">
156+
<div class="card-header bg-primary text-white text-uppercase">
157+
<i class="fa fa-trophy"></i> Best products
158+
</div>
159+
<div class="card-body">
160+
<div class="row">
161+
<div class="col-sm">
162+
<div class="card">
163+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
164+
<div class="card-body">
165+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
166+
<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>
167+
<div class="row">
168+
<div class="col">
169+
<p class="btn btn-danger btn-block">99.00 $</p>
170+
</div>
171+
<div class="col">
172+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
173+
</div>
174+
</div>
175+
</div>
176+
</div>
177+
</div>
178+
<div class="col-sm">
179+
<div class="card">
180+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
181+
<div class="card-body">
182+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
183+
<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>
184+
<div class="row">
185+
<div class="col">
186+
<p class="btn btn-danger btn-block">99.00 $</p>
187+
</div>
188+
<div class="col">
189+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
190+
</div>
191+
</div>
192+
</div>
193+
</div>
194+
</div>
195+
<div class="col-sm">
196+
<div class="card">
197+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
198+
<div class="card-body">
199+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
200+
<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>
201+
<div class="row">
202+
<div class="col">
203+
<p class="btn btn-danger btn-block">99.00 $</p>
204+
</div>
205+
<div class="col">
206+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
207+
</div>
208+
</div>
209+
</div>
210+
</div>
211+
</div>
212+
<div class="col-sm">
213+
<div class="card">
214+
<img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap">
215+
<div class="card-body">
216+
<h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4>
217+
<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>
218+
<div class="row">
219+
<div class="col">
220+
<p class="btn btn-danger btn-block">99.00 $</p>
221+
</div>
222+
<div class="col">
223+
<a href="cart.html" class="btn btn-success btn-block">Add to cart</a>
224+
</div>
225+
</div>
226+
</div>
227+
</div>
228+
</div>
229+
</div>
230+
</div>
231+
</div>
232+
</div>
233+
</div>
234+
</div>
235+
9236

0 commit comments

Comments
(0)

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