Adam
/
MissnationBlazor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

new pages added, new layout, new partner component,new navbar

This commit is contained in:
Kriszti 2024-02-13 09:17:04 +01:00
parent 11b69235ff
commit 5d8cb9b741
14 changed files with 463 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
MissNationSharedUI/Shared/Components/Layout/CorporateNavbarComponent.razor Normal file
View File

@ -0,0 +1,75 @@
<header class="l-header">
<div class="l-navbar l-navbar_expand l-navbar_t-light l-navbar_s-center js-navbar-sticky">
<div class="container-fluid">
<nav class="menuzord js-primary-navigation poppins" role="navigation" aria-label="Primary Navigation">
<!--logo start-->
<NavLink href="/" class="logo-brand">
<img class="retina" src="_content/MissNationSharedUI/assets/img/logo1.png" alt="Massive">
</NavLink>
<!--logo end-->
<!--mega menu start-->
<ul class="menuzord-menu menuzord-right c-nav_s-standard">
<li class="active">
<NavLink href="corporateabout">
About
</NavLink>
</li>
<li>
<NavLink href="corporateservices">
Services
</NavLink>
</li>
<li>
<NavLink href="corporatecontact">
Contact
</NavLink>
</li>
@* <li>
<NavLink href="profile">
Profile
</NavLink>
</li> *@
@* <li>
<NavLink href="feed">
Feed
</NavLink>
</li> *@
<li>
<NavLink href="https://www.facebook.com/missnationglobal/">
<i class="fa fa-facebook"></i>
</NavLink>
</li>
<li>
<NavLink href="https://www.instagram.com/missnation/">
<i class="fa fa-instagram"></i>
</NavLink>
</li>
<li>
<NavLink href="https://www.youtube.com/channel/UC-na-dYxv5d4WncYg2akutQ">
<i class="fa fa-youtube"></i>
</NavLink>
</li>
</ul>
</nav>
</div>
</div>
</header>
@code {
}

5
MissNationSharedUI/Shared/Components/Layout/FooterComponent.razor
View File

@ -35,6 +35,11 @@
Contact
</NavLink>
</li>
<li>
<NavLink href="corporate">
Corporation
</NavLink>
</li>
</ul>
</div>

1
MissNationSharedUI/Shared/Components/Layout/MainLayout.razor
View File

@ -21,6 +21,7 @@
<article class="content">
@Body
</article>
<FooterComponent/>
</main>

74
MissNationSharedUI/Shared/Components/Layout/PartnerComponent.razor Normal file
View File

@ -0,0 +1,74 @@
 <!--clients-->
<div class="page-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading-title border text-center">
<h3 class="text-uppercase">Our Partners</h3>
<span class="text-uppercase">At Miss Nation, we believe in the power of collaboration and teamwork. We are proud to work closely with a diverse range of partners who share our values and goals. Together, we strive to achieve excellence and make a positive impact in our respective industries and communities. Our valued partners include: </span>
</div>
<ul class="clients plus-box grid-5 ">
<li>
<a href="#">
<img src="assets/img/clients/c-1.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-2.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-3.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-4.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-5.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-6.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-7.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-8.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-9.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-10.png" alt="Clients">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--clients-->
@code {
}

44
MissNationSharedUI/Shared/Components/Layout/SecondaryLayout.razor Normal file
View File

@ -0,0 +1,44 @@
@inherits LayoutComponentBase
@using System.Runtime.InteropServices.JavaScript
@using MissNationSharedUI.Shared.Components.Layout
<!-- preloader start>
<div id="tb-preloader">
<div class="tb-preloader-wave"></div>
</div>
< preloader end -->
<div class="wrapper">
<!--div class="page"-->
<main>
<!--div class="top-row px-4">
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
</div-->
<CorporateNavbarComponent/>
<article class="content">
@Body
</article>
<FooterComponent/>
</main>
</div>
@code {
/*protected override async Task OnInitializedAsync()
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
await _jsModule.InvokeVoidAsync("getMessage");
}*/
}

77
MissNationSharedUI/Shared/Components/Layout/SecondaryLayout.razor.css Normal file
View File

@ -0,0 +1,77 @@
.page {
position: relative;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}
.top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}
.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}
.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row {
justify-content: space-between;
}
.top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}
}
@media (min-width: 641px) {
.page {
flex-direction: row;
}
.sidebar {
width: 250px;
height: 100vh;
position: sticky;
top: 0;
}
.top-row {
position: sticky;
top: 0;
z-index: 1;
}
.top-row.auth ::deep a:first-child {
flex: 1;
text-align: right;
width: 0;
}
.top-row, article {
/*adding-left: 2rem !important;
padding-right: 1.5rem !important;*/
}
}

32
MissNationSharedUI/Shared/Components/Pages/CorporateAbout.razor Normal file
View File

@ -0,0 +1,32 @@
@page "/corporateabout"
@layout SecondaryLayout
@using MissNationSharedUI.Shared.Components.Layout
<h3>About</h3>
<!--body content start-->
<section class="body-content ">
</section>
<!--body content end-->
<!--footer start 1-->
<!--footer 1 end-->
@code {
[Inject]
public IJSRuntime JSRuntime { get; set; }
private IJSObjectReference _jsModule;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
base.OnAfterRender(firstRender);
if (firstRender)
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
await _jsModule.InvokeVoidAsync("getMessage");
}
}
}

55
MissNationSharedUI/Shared/Components/Pages/CorporateContact.razor Normal file
View File

@ -0,0 +1,55 @@
@page "/corporatecontact"
@layout SecondaryLayout
@using MissNationSharedUI.Shared.Components.Layout
<!--body content start-->
<section class="body-content ">
<div class="page-content gray-bg">
<div class="container">
<div class="row">
<div class="col- 12 ">
<div class="heading-title-alt text-center">
<h3 class="text-uppercase">Contact</h3>
</div>
<p>Have a question, comment, or suggestion? We'd love to hear from you! Please feel free to reach out to us using the contact information below or by filling out the contact form.</p>
<div class="col-text-1 text-normal element-top-20 element-bottom-20" data-os-animation="none" data-os-animation-delay="0s">
<h2 style="text-align: center; color: #333;">Email:</h2>
<p style="text-align: center; color: #333;">info@missnation.com</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--body content end-->
<!--footer start 1-->
<!--footer 1 end-->
@code {
[Inject]
public IJSRuntime JSRuntime { get; set; }
private IJSObjectReference _jsModule;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
base.OnAfterRender(firstRender);
if (firstRender)
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
await _jsModule.InvokeVoidAsync("getMessage");
}
}
}

32
MissNationSharedUI/Shared/Components/Pages/CorporateIndex.razor Normal file
View File

@ -0,0 +1,32 @@
@page "/corporate"
@layout SecondaryLayout
@using MissNationSharedUI.Shared.Components.Layout
<!--body content start-->
<section class="body-content ">
</section>
<!--body content end-->
<!--footer start 1-->
<!--footer 1 end-->
@code {
[Inject]
public IJSRuntime JSRuntime { get; set; }
private IJSObjectReference _jsModule;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
base.OnAfterRender(firstRender);
if (firstRender)
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
await _jsModule.InvokeVoidAsync("getMessage");
}
}
}

32
MissNationSharedUI/Shared/Components/Pages/CorporateServices.razor Normal file
View File

@ -0,0 +1,32 @@
@page "/corporateservices"
@layout SecondaryLayout
@using MissNationSharedUI.Shared.Components.Layout
<h3>Services</h3>
<!--body content start-->
<section class="body-content ">
</section>
<!--body content end-->
<!--footer start 1-->
<!--footer 1 end-->
@code {
[Inject]
public IJSRuntime JSRuntime { get; set; }
private IJSObjectReference _jsModule;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
base.OnAfterRender(firstRender);
if (firstRender)
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
await _jsModule.InvokeVoidAsync("getMessage");
}
}
}

112
MissNationSharedUI/Shared/Components/Pages/Gallery.razor
View File

@ -19,12 +19,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -40,12 +35,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
@ -56,16 +46,11 @@
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="" class="filtered">
<div class="portfolio-hover">
<div class="action-btn">
<a href="portfolio-single.html">
<i class="icon-basic_link"></i>
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="portfolio-single.html">External link</a></h4>
<p>
<a href="#">category 1</a> , <a href="#">category 2</a>
</p>
</div>
</div>
</div>
</div>
@ -75,16 +60,11 @@
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="" class="filtered">
<div class="portfolio-hover">
<div class="action-btn">
<a class="popup-vimeo" href="https://vimeo.com/45830194">
<i class="icon-arrows_keyboard_right"></i>
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a class="popup-vimeo" href="https://vimeo.com/45830194">Video lightbox</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -98,12 +78,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category 3</a> , <a href="#">category 4</a>
</p>
</div>
</div>
</div>
</div>
@ -113,16 +88,11 @@
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="" class="filtered">
<div class="portfolio-hover">
<div class="action-btn">
<a href="portfolio-single.html">
<i class="icon-basic_link"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="portfolio-single.html">External link</a></h4>
<p>
<a href="#">category</a>
</p>
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
</div>
</div>
</div>
@ -137,12 +107,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category 5</a> , <a href="#">category 6</a>
</p>
</div>
</div>
</div>
</div>
@ -156,12 +121,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -176,12 +136,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -195,12 +150,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -214,12 +164,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -233,12 +178,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -252,12 +192,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
@ -271,12 +206,7 @@
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>

17
MissNationSharedUI/Shared/Components/Pages/Help.razor
View File

@ -27,17 +27,17 @@
<li>in the period from the middle of October till the first part of December the international boot camp, online voting and crowning event takes place.</li>
</ul>
<p>
<p style="color:#333">
During this period the main source of information for our audience will be the Miss Nation Tv, giving you up to date content 0/24.
As a novelty the applicants can upload visual materials on the www.missnation.com/apply page from themselves. So they will be promoted like this since this will be aired on Miss Nation TV also.
</p>
</div>
</div>
<!-- </div>
<a href="#" class="btn btn-medium btn-theme-color "> Email your Question </a>
<a href="#" class="btn btn-medium btn-dark-solid "> Send us a Tweet </a>
</div>
</div>
</div>-->
</div>
<!--title-->
<div class="col-md-8 col-md-offset-2">
@ -53,7 +53,7 @@
<a href=""> I have a small tattoo on my finger, if I have it removed, can I participate? </a>
</dt>
<dd>
<p>
<p style="color:#333">
Yes, you can apply, as you will not have any tattoos after that.
</p>
@ -151,13 +151,14 @@
</div>
</div>
</div>
</div>
</div>
</div>

73
MissNationSharedUI/Shared/Components/Pages/Index.razor
View File

@ -33,80 +33,11 @@
<SlidersComponent/>
<!--clients
<div class="page-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading-title border text-center">
<h3 class="text-uppercase">popular brand</h3>
<span class="text-uppercase">Know more about our story from the very begening to till date </span>
</div>
<ul class="clients plus-box grid-5 ">
<li>
<a href="#">
<img src="assets/img/clients/c-1.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-2.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-3.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-4.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-5.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-6.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-7.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-8.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-9.png" alt="Clients">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/clients/c-10.png" alt="Clients">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
-->
<!--subscribe-->
<SubscriptionComponent/>
<!--subscribe-->
</section>
<!--body content end-->

4
MissNationSharedUI/wwwroot/assets/css/style.css
View File

@ -187,11 +187,15 @@ h4 {
letter-spacing: 2px;
}
h5,
h6 {
letter-spacing: 1px;
}
dd {
color: #333;
}
a {
color: #4a4949;
text-decoration: none !important;