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 3b5e507

Browse files
layout added
1 parent 3332b88 commit 3b5e507

File tree

2 files changed

+104
-17
lines changed

2 files changed

+104
-17
lines changed

‎AspnetRunBasics/Pages/Index.cshtml

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,5 @@
44
ViewData["Title"] = "Home page";
55
}
66

7-
<div class="text-center">
8-
<h1 class="display-4">Welcome</h1>
9-
<p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
10-
</div>
7+
8+
asdasdasd

‎AspnetRunBasics/Pages/Shared/_Layout.cshtml

Lines changed: 102 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,47 +4,136 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>@ViewData["Title"] - AspnetRunBasics</title>
7-
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
7+
8+
<!-- CSS -->
9+
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" type="text/css">
10+
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
11+
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css">
812
<link rel="stylesheet" href="~/css/site.css" />
13+
914
</head>
1015
<body>
1116
<header>
12-
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
17+
18+
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
1319
<div class="container">
1420
<a class="navbar-brand" asp-area="" asp-page="/Index">AspnetRunBasics</a>
15-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
16-
aria-expanded="false" aria-label="Toggle navigation">
21+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
1722
<span class="navbar-toggler-icon"></span>
1823
</button>
19-
<div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
20-
<ul class="navbar-nav flex-grow-1">
24+
25+
<div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
26+
<ul class="navbar-nav m-auto">
27+
<li class="nav-item active">
28+
<a class="nav-link" asp-area="" asp-page="/Index">Home <span class="sr-only">(current)</span></a>
29+
</li>
30+
<li class="nav-item">
31+
<a class="nav-link" asp-area="" asp-page="/Categories">Categories</a>
32+
</li>
33+
<li class="nav-item">
34+
<a class="nav-link" asp-area="" asp-page="/Product">Product</a>
35+
</li>
2136
<li class="nav-item">
22-
<a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
37+
<a class="nav-link" asp-area="" asp-page="/Cart">Cart</a>
2338
</li>
2439
<li class="nav-item">
25-
<a class="nav-link text-dark" asp-area="" asp-page="/Privacy">Privacy</a>
40+
<a class="nav-link" asp-area="" asp-page="/Order">Order</a>
41+
</li>
42+
<li class="nav-item">
43+
<a class="nav-link" asp-area="" asp-page="/Contact">Contact</a>
2644
</li>
2745
</ul>
46+
47+
<form class="form-inline my-2 my-lg-0">
48+
<div class="input-group input-group-sm">
49+
<input type="text" class="form-control" placeholder="Search...">
50+
<div class="input-group-append">
51+
<button type="button" class="btn btn-secondary btn-number">
52+
<i class="fa fa-search"></i>
53+
</button>
54+
</div>
55+
</div>
56+
<a class="btn btn-success btn-sm ml-3" asp-area="" asp-page="/Cart">
57+
<i class="fa fa-shopping-cart"></i> Cart
58+
<span class="badge badge-light">3</span>
59+
</a>
60+
</form>
2861
</div>
2962
</div>
3063
</nav>
64+
65+
3166
</header>
67+
3268
<div class="container">
3369
<main role="main" class="pb-3">
3470
@RenderBody()
3571
</main>
3672
</div>
3773

38-
<footer class="border-top footer text-muted">
74+
75+
<!-- Footer -->
76+
<footer class="text-light">
3977
<div class="container">
40-
&copy; 2020 - AspnetRunBasics - <a asp-area="" asp-page="/Privacy">Privacy</a>
78+
<div class="row">
79+
<div class="col-md-3 col-lg-4 col-xl-3">
80+
<h5>About</h5>
81+
<hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
82+
<p class="mb-0">
83+
Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.
84+
</p>
85+
</div>
86+
87+
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
88+
<h5>Informations</h5>
89+
<hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
90+
<ul class="list-unstyled">
91+
<li><a href="">Link 1</a></li>
92+
<li><a href="">Link 2</a></li>
93+
<li><a href="">Link 3</a></li>
94+
<li><a href="">Link 4</a></li>
95+
</ul>
96+
</div>
97+
98+
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
99+
<h5>Others links</h5>
100+
<hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
101+
<ul class="list-unstyled">
102+
<li><a href="">Link 1</a></li>
103+
<li><a href="">Link 2</a></li>
104+
<li><a href="">Link 3</a></li>
105+
<li><a href="">Link 4</a></li>
106+
</ul>
107+
</div>
108+
109+
<div class="col-md-4 col-lg-3 col-xl-3">
110+
<h5>Contact</h5>
111+
<hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
112+
<ul class="list-unstyled">
113+
<li><i class="fa fa-home mr-2"></i> My company</li>
114+
<li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
115+
<li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
116+
<li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
117+
</ul>
118+
</div>
119+
<div class="col-12 copyright mt-3">
120+
<p class="float-left">
121+
<a href="#">Back to top</a>
122+
</p>
123+
<p class="text-right text-muted">created with <i class="fa fa-heart"></i> by <a href="https://t-php.fr/43-theme-ecommerce-bootstrap-4.html"><i>t-php</i></a> | <span>v. 1.0</span></p>
124+
</div>
125+
</div>
41126
</div>
42127
</footer>
43128

44-
<script src="~/lib/jquery/dist/jquery.min.js"></script>
45-
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
46-
<script src="~/js/site.js" asp-append-version="true"></script>
129+
<!-- JS -->
130+
<script src="//code.jquery.com/jquery-3.2.1.slim.min.js" type="text/javascript"></script>
131+
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" type="text/javascript"></script>
132+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" type="text/javascript"></script>
133+
47134

48135
@RenderSection("Scripts", required: false)
49136
</body>
50137
</html>
138+
139+

0 commit comments

Comments
(0)

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