MissnationBlazor/MissNationSharedUI/Shared/Components/Pages/Index.razor

312 lines
15 KiB
Plaintext

@page "/"
<!--hero section-->
<div class="banner-state vertical-align banner-p height-600">
<div class="container-mid">
<div class="container">
<div class="row">
<div class="col-md-6 ">
<div class="banner-title">
<p>&#10077; Unfortunately, nowadays most of the healthy and beautiful girls, are using plastic surgery at a young age and this has become the new normal. We are strongly opposed to this and that is why we would like to emphasize
to the finalists that being natural is more important than anything else. These true values: harmony with ourselves and individuality, that make us stand out from the crowd and become the Queen of a Nation.&#10078;
<p>-Vivien Felleg</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--hero section-->
<!--body content start-->
<section class="body-content ">
<!--slider box-->
<section class="slider-revolution-wrapper">
<div class="tp-banner-container">
<div class="tp-banner">
<ul>
<!-- slide 1 start -->
<li class="" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Truly Massive">
<img src="_content/MissNationSharedUI/assets/img/04.jpg" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption rev-heading lft start" data-x="center" data-y="150" data-speed="500" data-start="1900" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">Natural Beauty</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption rev-subheading sfb" data-x="center" data-y="250" data-speed="300" data-start="2500" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">
<div style="width:50vw;">
<p style="text-wrap: wrap;"> We believe that natural Beauty is a value of great importance.</p>
</div>
</div>
</li>
<li class="" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Truly Massive">
<img src="_content/MissNationSharedUI/assets/img/05.jpg" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption rev-heading lft start" data-x="center" data-y="150" data-speed="500" data-start="1900" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">#stayU</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption rev-subheading sfb" data-x="center" data-y="250" data-speed="300" data-start="2500" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">
<div style="width:50vw;">
<p style="text-wrap: wrap;">Miss Nation's mission is to integrate the message of #stayU campaign in the education systems of all nations.</p>
</div>
</div>
</li>
<li class="" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Truly Massive">
<img src="_content/MissNationSharedUI/assets/img/06.jpg" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption rev-heading lft start" data-x="center" data-y="150" data-speed="500" data-start="1900" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">Natural</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption rev-subheading sfb" data-x="center" data-y="250" data-speed="300" data-start="2500" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">
<div style="width:50vw;">
<p style="text-wrap: wrap;">The campaign adresses young girls to avoid comparing themselves with others, and to stop using plastic surgery to alter their appearance.
</p>
</div>
</div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
</section>
<!--ads box-->
<!--trendy product-->
<!--parallax-->
<!-- <div class="parallax-inner full-width float-left parallax-p">
<div class="container ">
<div class="row">
<div class="heading-title-alt text-center m-bot-0 inline-block">
<h1 class="text-uppercase light-txt">Our misson</h1>
</p>
<h4 class="text-uppercase light-txt">&#10077;Our goal is to choose a Queen who can serve as an Idol to the younger generations, her Nation and the entire World.&#10078;
</h4>
</div>
</div>
</div>
</div>-->
<!--parallax-->
<div class="page-content gray-bg">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="responsive-img ">
<img src="_content/MissNationSharedUI/assets/img/kidsmom.jpg" alt="">
</div>
</div>
<div class="col-md-6 ">
<div class="heading-title-alt m-top-50 inline-block">
<h2 class="text-uppercase">
Our misson
</h2>
</div>
<div class="">
<p>&#10077;Our goal is to choose a Queen who can serve as an Idol to the younger generations, her Nation and the entire World.&#10078;
</p>
<!-- <a href="#" class="btn btn-medium btn-light-solid "> Shop Now</a>-->
</div>
</div>
</div>
</div>
</div>
<!--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-->
<div class="subscribe-box gray-bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="subscribe-info">
<h4>subscribe to get in touch</h4>
<span>Nullam ut consectetur dolor. Sed sit amet iaculis nisi. </span>
</div>
<div class="subscribe-form">
<form class="form-inline">
<input type="text" class="form-control radius-less" placeholder="Enter your email address">
<button type="submit" class="btn btn-medium btn-dark-solid text-uppercase">subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!--subscribe-->
</section>
<!--body content end-->
<!--footer start 1-->
<footer id="footer" class="dark">
<div class="primary-footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<a href="#" class="m-bot-20 footer-logo">
<img class="retina" src="_content/MissNationSharedUI/assets/img/logohotel1.png" alt="" />
</a>
<h3>Miss Nation</h3>
<p>Join our contest!</p>
</div>
<div class="col-md-3">
<h5 class="text-uppercase">recent posts</h5>
<ul class="f-list">
<li><a href="#">Standard Blog post</a>
</li>
<li><a href="#">Quotation post</a>
</li>
<li><a href="#">Audio Post</a>
</li>
<li><a href="#">Massive Video Demo</a>
</li>
<li><a href="#">Blog Image Post</a>
</li>
</ul>
</div>
<div class="col-md-3">
<h5 class="text-uppercase">quick link</h5>
<ul class="f-list">
<li><a href="mp-index-fashion.html">About Miss Nation</a>
</li>
<li><a href="#">Career</a>
</li>
<li><a href="#">Terms & Condition</a>
</li>
<li><a href="#">Privacy Policy</a>
</li>
<li><a href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="secondary-footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<span class="m-top-10">Copyright 2012 - 2015 Massive Theme by <a href="http://themebucket.net/" class="f-link" target="_blank">ThemeBucket</a> | All Rights Reserved</span>
</div>
<div class="col-md-6">
<div class="social-link circle pull-right">
<ul class="menuzord-menu menuzord-right c-nav_s-standard">
<li> <a href="https://www.facebook.com/missnationglobal/"><i class="fa fa-facebook"></i></a> </li>
<li> <a href="https://www.instagram.com/missnation/"><i class="fa fa-instagram"></i></a> </li>
<li> <a href="https://www.youtube.com/channel/UC-na-dYxv5d4WncYg2akutQ"><i class="fa fa-youtube"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--footer 1 end-->
@code {
}