Jelajahi Sumber

Home style: ok

olivier.massot 7 tahun lalu
induk
melakukan
336ec9c8b5

+ 7 - 0
CD67.FicheCollege.MVC/CD67.FicheCollege.MVC.csproj

@@ -269,6 +269,13 @@
     <Content Include="fonts\fontawesome-webfont.woff" />
     <Content Include="fonts\fontawesome-webfont.ttf" />
     <Content Include="fonts\fontawesome-webfont.eot" />
+    <Content Include="Images\img_biblio.jpg" />
+    <Content Include="Images\img_board.jpg" />
+    <Content Include="Images\img_books.jpg" />
+    <Content Include="Images\img_pen.jpg" />
+    <Content Include="Images\img_stairs.jpg" />
+    <Content Include="Images\img_work.jpg" />
+    <Content Include="Images\LogoCD67Recette.png" />
     <Content Include="Scripts\cd67-AutoComplete.js" />
     <Content Include="Scripts\cd67-colorbox.js" />
     <Content Include="Scripts\cd67-Menu.js" />

+ 35 - 0
CD67.FicheCollege.MVC/Content/cd67-custom.less

@@ -101,4 +101,39 @@ h1 .sup{
 
 header nav{
     padding: 0 1em 0 1em;
+}
+
+.home-content {
+    margin: 4em auto;
+    width: 80%;
+}
+
+.home-content .row {
+    margin: 2em auto;
+    height: 100%;
+}
+
+.home-content .row img {
+    width: 100%;
+}
+
+.home-content .card {
+    height: 100%;
+}
+
+.home-content .card ul {
+    margin-top: 2em;
+}
+
+.home-content .card li {
+    margin-top: 1em;
+}
+
+.home-content .card li a {
+    text-decoration: underline;
+}
+
+.home-content .card .input-search {
+    width: 30%;
+    min-width: 300px;
 }

TEMPAT SAMPAH
CD67.FicheCollege.MVC/Images/img_biblio.jpg


TEMPAT SAMPAH
CD67.FicheCollege.MVC/Images/img_board.jpg


TEMPAT SAMPAH
CD67.FicheCollege.MVC/Images/img_books.jpg


TEMPAT SAMPAH
CD67.FicheCollege.MVC/Images/img_pen.jpg


TEMPAT SAMPAH
CD67.FicheCollege.MVC/Images/img_stairs.jpg


TEMPAT SAMPAH
CD67.FicheCollege.MVC/Images/img_work.jpg


+ 54 - 5
CD67.FicheCollege.MVC/Views/Annees/Details.cshtml

@@ -8,9 +8,58 @@
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
 
-<h1>Accueil @(Model.Obj.Libelle)</h1>
+<div class="container home-content">
+    <div class="row">
+        <div class="col-md-3">
+            <img src="~/Images/img_stairs.jpg" alt="Colleges">
+        </div>
+        <div class="col-md-9 card">
+            <h3>@Html.ActionLink("Les collèges", "Index", "Colleges", new { annee_id = Model.Obj.Id }, null)</h3>
+            <p>
+                @Model.Obj.Colleges.Count() collèges enregistrés pour l'année scolaire @Model.Obj.Libelle
+            </p>
+            <ul>
+                <li><input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher un collège..." data-auto="" value="@Request["recherche_college"]"></li>
+                <li>@Html.ActionLink("Voir tous les collèges", "Index", "Colleges", new { annee_id = Model.Obj.Id }, null)</li>
+            </ul>
+        </div>
+    </div>
 
-<ul>
-    <li>@Html.ActionLink("Les collèges", "Index", "Colleges", new { annee_id = Model.Obj.Id }, null)</li>
-    <li>@Html.ActionLink("Les actions", "Index", "ActionsEdu", new { annee_id = Model.Obj.Id }, null)</li>
-</ul>
+    <div class="row">
+        <div class="col-md-3">
+            <img src="~/Images/img_biblio.jpg" alt="Actions">
+        </div>
+        <div class="col-md-9 card">
+            <h3>@Html.ActionLink("Les Actions Educatives", "Index", "ActionsEdu", new { annee_id = Model.Obj.Id }, null)</h3>
+            <p>
+                @Model.Obj.ActionsEdu.Count() actions éducatives enregistrées pour l'année scolaire @Model.Obj.Libelle
+            </p>
+            
+            <ul>
+                <li><input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher une action..." data-auto="" value="@Request["recherche_action"]"></li>
+                <li>@Html.ActionLink("Voir toutes les actions", "Index", "Colleges", new { annee_id = Model.Obj.Id }, null)</li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+
+    @*<section class="home-galery">
+        <div class="card">
+            <header>
+                <h3>@Html.ActionLink("Les collèges", "Index", "Colleges", new { annee_id = Model.Obj.Id }, null)</h3>
+            </header>
+            <div>
+                
+            </div>
+        </div>
+        <div class="card">
+            <header>
+                <h3>@Html.ActionLink("Les actions", "Index", "ActionsEdu", new { annee_id = Model.Obj.Id }, null)</h3>
+            </header>
+            <div>
+                <img src="~/Images/img_books.jpg" alt="Colleges" style="width:100%">
+            </div>
+        </div>
+    </section>
+</div>*@

+ 2 - 3
CD67.FicheCollege.MVC/Views/Shared/_Layout.cshtml

@@ -132,7 +132,7 @@
     <div id="wrapper">
 
         @* Breadcrumb *@
-        <div class="page-wrap no-print" >
+        <div class="no-print" >
             <ul class="background-color1" id="breadcrumbs-one">
                 <li><a href="/">Accueil</a><span class="divider"></span></li>
                 <li><a>&gt;</a><span class="divider"></span></li>
@@ -141,9 +141,8 @@
             @*@Html.MvcSiteMap().SiteMapPath()*@
         </div>
 
-        <div id="content" >
+        <div id="content container">
             @RenderBody()
-            <br /><br />
         </div>
     </div>