153 lines
3.9 KiB
Text
153 lines
3.9 KiB
Text
|
|
@{
|
|
ViewData["Title"] = "SubmittedSurvey";
|
|
Layout = "~/Views/Shared/_QuestionnaireResponse.cshtml";
|
|
}
|
|
|
|
|
|
<style>
|
|
body {
|
|
height: 100% !important;
|
|
background-repeat: no-repeat;
|
|
background: linear-gradient(119deg, rgba(47,82,131,1) 0%, rgba(29,33,59,1) 34%, rgba(27,54,61,1) 67%, rgba(58,82,116,1) 100%) !important
|
|
}
|
|
|
|
#rowSectionError {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
}
|
|
|
|
#Errocard {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: row;
|
|
word-wrap: break-word;
|
|
box-shadow: 0px 0px 36px -12px rgba(20,101,230,1);
|
|
-webkit-box-shadow: 0px 0px 20px 2px rgba(20,101,230,1);
|
|
border-radius: 10px;
|
|
background-color: transparent;
|
|
height: 400px;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
padding: 0 50px 0 50px;
|
|
margin: 150px 30px 0px 30px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@@media (max-width: 792px) {
|
|
|
|
|
|
#Errocard {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
height: 70vh;
|
|
padding: 0 20px 0 20px;
|
|
}
|
|
|
|
#boxError {
|
|
width: auto;
|
|
height: 30%;
|
|
margin: 5px;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 800px) {
|
|
|
|
|
|
#Errocard {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
height: 70vh;
|
|
padding: 0 20px 0 20px;
|
|
}
|
|
|
|
#boxError {
|
|
width: auto;
|
|
height: 30%;
|
|
margin: 5px;
|
|
}
|
|
}
|
|
|
|
|
|
@@media (max-width: 1300px) {
|
|
|
|
|
|
#Errocard {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: row;
|
|
word-wrap: break-word;
|
|
box-shadow: 0px 0px 36px -12px rgba(20,101,230,1);
|
|
-webkit-box-shadow: 0px 0px 20px 2px rgba(20,101,230,1);
|
|
border-radius: 10px;
|
|
background-color: transparent;
|
|
height: 400px;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
padding: 0 50px 0 50px;
|
|
margin: 50px 30px 0px 30px;
|
|
}
|
|
|
|
#boxError {
|
|
width: auto;
|
|
margin: 5px;
|
|
}
|
|
|
|
|
|
#boxBanner {
|
|
display: block;
|
|
width: auto;
|
|
margin: 5px;
|
|
}
|
|
</style>
|
|
|
|
<div class="d-flex flex-column" id="BannerBackground">
|
|
|
|
<!-- FOR DEMO PURPOSE -->
|
|
<section class="text-white">
|
|
<div class="container py-1">
|
|
|
|
|
|
<div class="card" id="Errocard">
|
|
<div class="col-lg-7" id="boxError">
|
|
<h5 class="text-white">Thank You, <span class="text-info font-weight-bolder">@ViewBag.submitedEmail</span>, you have already taken the survey.</h5>
|
|
|
|
</div>
|
|
<div class="col-lg-5" id="boxError">
|
|
<script src="https://unpkg.com/@@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
|
|
<dotlottie-player src="https://lottie.host/b19b8f6f-debe-408a-99db-1b82713cc8b4/C7LtuHstVr.json" class="img-fluid" speed="1" style="width: 300px; height: 300px;" direction="1" playMode="normal" autoplay></dotlottie-player>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|