Skip to content

Commit e0e779b

Browse files
mehmetozkayamehmetozkaya
committed
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)