462 lines
11 KiB
HTML
Executable File
462 lines
11 KiB
HTML
Executable File
{%extends "mnfapp/base.html"%} {%load static%} {%block content%}
|
|
<style>
|
|
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@100;300;400;500;600;700&display=swap");
|
|
|
|
body{
|
|
background: #FFF !important;
|
|
font-family: "Poppins", sans-serif !important;
|
|
margin-top: 100px !important;
|
|
}
|
|
|
|
.heading-2 {
|
|
padding: 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: auto;
|
|
color: #252525;
|
|
letter-spacing: 0em;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
margin-top: 25px;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.spanNew {
|
|
color: #616161;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: 'POPPINS';
|
|
letter-spacing: 0em;
|
|
}
|
|
|
|
.info_block_item:first-child {
|
|
grid-column: 1 / span 2;
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px,
|
|
rgba(0, 0, 0, 0.12) 0px -6px 15px,
|
|
rgba(0, 0, 0, 0.12) 0px 2px 3px,
|
|
rgba(0, 0, 0, 0.17) 0px 6px 6px,
|
|
rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 14px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 2px 0 0 20px;
|
|
}
|
|
|
|
.info_block {
|
|
width: 80vw;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: repeat(3, 1fr);
|
|
gap: 10px;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.info_block1 {
|
|
width: 80vw;
|
|
margin: 4px auto;
|
|
}
|
|
|
|
|
|
.newText {
|
|
text-align: center !important;
|
|
font-size: 16px !important;
|
|
font-weight: 600 !important;
|
|
color:#252525;
|
|
}
|
|
|
|
/* ------------------------------Responsive CSS for mobile-------------------------------------------------------------------------------- */
|
|
@media only screen and (max-width: 333px) and (min-width: 320px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
display: block;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.heading-2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 86vw;
|
|
margin-top: 25px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0 0 0 7px;
|
|
height: 24px;
|
|
align-items: left;
|
|
margin: 5px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 344px) and (min-width: 320px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
display: block;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.heading-2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 86vw;
|
|
margin-top: 25px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0 0 0 7px;
|
|
height: 24px;
|
|
align-items: left;
|
|
margin: 5px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 423px) and (min-width: 345px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
display: block;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.heading-2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 86vw;
|
|
margin-top: 25px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0 0 0 7px;
|
|
height: 24px;
|
|
align-items: left;
|
|
margin: 5px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 566px) and (min-width: 424px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
display: block;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.heading-2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 86vw;
|
|
margin-top: 25px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0 0 0 7px;
|
|
height: 24px;
|
|
align-items: left;
|
|
margin: 5px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) and (min-width: 567px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
display: block;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.heading-2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 25px;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0 0 0 7px;
|
|
height: 24px;
|
|
align-items: left;
|
|
margin: 10px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 1023px) and (min-width: 768px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
/* display: block; */
|
|
/* margin: 1px auto; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.heading-2 {
|
|
padding: 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 14px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0px 12px;
|
|
/* height: 24px; */
|
|
align-items: left;
|
|
margin: 1px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 500px;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 1439px) and (min-width: 1024px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
/* display: block; */
|
|
/* margin: 1px auto; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.heading-2 {
|
|
padding: 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 14px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0px 12px;
|
|
/* height: 24px; */
|
|
align-items: left;
|
|
margin: 1px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 500px;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1440px) {
|
|
.info_block {
|
|
width: 80vw;
|
|
/* display: block; */
|
|
/* margin: 1px auto; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.heading-2 {
|
|
padding: 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.info_block_item {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -6px 15px, rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -2px 2px;
|
|
color: black;
|
|
padding: 5px;
|
|
font-size: 14px;
|
|
border: 2px solid white;
|
|
border-radius: 12px;
|
|
padding: 0px 12px;
|
|
/* height: 24px; */
|
|
align-items: left;
|
|
margin: 1px 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 500px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.noborder {
|
|
border: none;
|
|
}
|
|
|
|
.tabdata {
|
|
font-size: 14px;
|
|
text-align: left;
|
|
color: #252525;
|
|
font-weight: 500;
|
|
letter-spacing: 0em;
|
|
}
|
|
|
|
.CorporateTableDiv {
|
|
width: 50vw;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.footer {
|
|
/* position: absolute !important;
|
|
bottom: 0;
|
|
width: 100%; */
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<div class="heading-2">{{userdetails.name}}'s Dashboard</div><br>
|
|
<div class="CorporateTableDiv">
|
|
<table border="0" style="border:hidden; box-shadow:none; width: 100% !important;">
|
|
<tr class="noborder">
|
|
<td class=tabdata>
|
|
<label>Email Id provided by the Institute: </label>
|
|
<span class="spanNew">{{userdetails.student_institute_email}}</span>
|
|
</td>
|
|
<td class=tabdata>
|
|
<label>Alternative Email: </label>
|
|
<span class="spanNew">{{userdetails.email}}</span>
|
|
</td>
|
|
</tr>
|
|
<tr class="noborder">
|
|
<td class=tabdata>
|
|
<label>Phone Number: </label>
|
|
<span
|
|
class="spanNew">{{userdetails.unaffiliated_student_phone_number_country_code}}-{{userdetails.unaffiliated_student_phone_number}}</span>
|
|
</td>
|
|
<td class=tabdata>
|
|
<label>Free Bonus Points : </label>
|
|
<span class="spanNew">{{userdetails.free_credits}}</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div style="margin-top: 50px;">
|
|
<p class="newText">You are a verified member</p>
|
|
<p class="newText">and entitled to mnf services at 50% student Discount!!!</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
|
|
</body>
|
|
{%endblock%} |