Skip to content
Snippets Groups Projects
Commit 1f68026d authored by Sishir Sivakumar's avatar Sishir Sivakumar
Browse files

changed css

parent 778dc98f
No related branches found
No related tags found
2 merge requests!34Update 2 files,!13Main
Pipeline #252546 passed
/* Reset some default styles for consistency */
body, p, .navbar {
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
margin: 0;
padding: 0;
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
margin: 0;
padding: 0;
}
.bg-dark {
background-color: #000 !important;
background-color: #000 !important;
}
/* new navbar */
/* Reset some default styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Style for the navigation bar */
.navbar {
background-color: black;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 30px;
font-weight: bold;
background-color: black;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 30px;
font-weight: bold;
}
.nav-logo img {
width: 75px;
height: 75px;
width: 75px;
height: 75px;
}
.nav-links {
list-style-type: none;
display: flex;
padding: 0;
list-style-type: none;
display: flex;
padding: 0;
}
.nav-links li {
align-items: center;
margin-right: 20px;
padding: 10px 10px 10px;
flex: auto;
align-items: center;
margin-right: 20px;
padding: 10px 10px 10px;
flex: auto;
}
.nav-links a {
align-self: center;
text-decoration: none;
color: white;
align-self: center;
text-decoration: none;
color: white;
}
/* Dropdown styling */
.dropdown {
position: relative;
position: relative;
}
.dropdown-content {
display: none;
position: absolute;
background-color: black;
min-width: 160px;
z-index: 1;
display: none;
position: absolute;
background-color: black;
min-width: 160px;
z-index: 1;
}
.dropdown-content li {
align-items: center;
padding: 10px;
align-items: center;
padding: 10px;
}
.dropdown:hover .dropdown-content {
display: block;
display: block;
}
.nav-name {
text-decoration: none;
font-weight: bolder;
font-size: xx-large;
size: 20%;
align-self: center;
color: #fff;
text-decoration: none;
font-weight: bolder;
font-size: xx-large;
size: 20%;
align-self: center;
color: #fff;
}
.nav-links li {
align-items: center;
align-items: center;
}
.nav-item {
text-align: left;
align-items: center;
justify-content: center;
padding-top: 10px;
margin-top: 10px;
font-size: medium;
text-align: left;
align-items: center;
justify-content: center;
padding-top: 10px;
margin-top: 10px;
font-size: medium;
}
.content {
padding: 20px 0;
padding: 20px 0;
}
/* Create a container to hold the image and paragraph */
.container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
}
.circle {
background-color: black;
margin-left: 32%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: black;
margin-left: 32%;
width: 30px;
height: 30px;
border-radius: 50%;
}
.box {
margin-top: -2%;
margin-left: 32.7%;
width: 10px;
border-radius: 30px 30px;
background-color: black;
margin-top: -2%;
margin-left: 32.7%;
width: 10px;
border-radius: 30px 30px;
background-color: black;
}
.arrow {
margin-top: -0.5%;
margin-left: 32.7%;
height: 10px;
width: 36%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color: white;
margin-top: -0.5%;
margin-left: 32.7%;
height: 10px;
width: 36%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color: white;
}
.arr {
margin-left: 69.5%;
margin-left: 69.5%;
}
.line {
border-radius: 10px;
margin-top: -13.5%;
margin-left: -4%;
width: 10px;
height: 80px;
background: black;
float: left;
border-radius: 10px;
margin-top: -13.5%;
margin-left: -4%;
width: 10px;
height: 80px;
background: black;
float: left;
}
.point {
margin-left: -6.2%;
margin-top: 3%;
rotate: 90deg;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid black;
margin-left: -6.2%;
margin-top: 3%;
rotate: 90deg;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid black;
}
.image {
width: 30%; /* Ensure the image does not exceed its container */
width: 30%; /* Ensure the image does not exceed its container */
}
.circle1 {
margin-top: 0;
margin-left: 67.5%;
background-color: black;
width: 35px;
height: 35px;
border-radius: 50%;
margin-top: 0;
margin-left: 67.5%;
background-color: black;
width: 35px;
height: 35px;
border-radius: 50%;
}
.box1 {
margin-top: -1.5%;
margin-left: 68.5%;
width: 9px;
border-radius: 30px 30px 30px 30px;
background-color: black;
margin-top: -1.5%;
margin-left: 68.5%;
width: 9px;
border-radius: 30px 30px 30px 30px;
background-color: black;
}
.arrow1 {
margin-top: -0.5%;
margin-left: 20%;
height: 9px;
width: 49.1%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color: white;
margin-top: -0.5%;
margin-left: 20%;
height: 9px;
width: 49.1%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color: white;
}
.arr1 {
margin-left: 31.4%;
margin-left: 31.4%;
}
.line1 {
border-radius: 10px;
margin-top: -57px;
margin-left: -10px;
width: 10px;
height: 200px;
background: black;
float: left;
border-radius: 10px;
margin-top: -57px;
margin-left: -10px;
width: 10px;
height: 200px;
background: black;
float: left;
}
.line2 {
border-radius: 10px;
margin-top: -57px;
margin-left: 130px;
width: 10px;
height: 70px;
background: black;
float: left;
border-radius: 10px;
margin-top: -57px;
margin-left: 130px;
width: 10px;
height: 70px;
background: black;
float: left;
}
.line3 {
border-radius: 10px;
margin-top: -57px;
margin-left: -162px;
width: 10px;
height: 70px;
background: black;
float: left;
border-radius: 10px;
margin-top: -57px;
margin-left: -162px;
width: 10px;
height: 70px;
background: black;
float: left;
}
/* Style the paragraph */
.first-para {
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
}
.second-para {
margin-top:-50px;
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-right: 20px;
text-align: right;
margin-top:-50px;
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-right: 20px;
text-align: right;
}
.third-para {
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
}
/* Style the enlarged text */
.enlarge {
font-size: 16pt; /* Larger font size for the first four words */
font-weight: bold; /* Bold text */
font-style: italic; /* Italic text */
font-size: 16pt; /* Larger font size for the first four words */
font-weight: bold; /* Bold text */
font-style: italic; /* Italic text */
}
/* Style the black background paragraph */
.black-bg-paragraph {
font-family: "Italian Typewriter Unicode", monospace;
background-color: black;
color: white;
padding: 40px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
/* Reset some default styles for consistency */
body, h1, p {
margin: 0;
padding: 0;
}
/* Create a container to hold the image and paragraph */
.container {
display: flex;
margin-top:6%;
margin-left: 20%;
/* Vertically center the contents */
/*height: 100vh;*/
}
.container-fluid{
margin-left:10%;
margin-right:10%;
}
.circle{
background-color: black;
margin-left:25%;
width: 30px;
height:30px;
border-radius:50%;
}
.box{
margin-top:-10px ;
margin-left:26%;
width:10px;
border-radius: 30px 30px;
background-color: black;
}
.arrow{
margin-top:-10px;
margin-left:26%;
height:12px;
width: 54%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color:white;
}
.arr {
margin-left:80%;
width: 120px;
}
.line {
border-radius:10px;
margin-top:-48px;
margin-left:-10px;
width: 10px;
height: 80px;
background: black;
float: left;
}
.point {
margin-left:-20px;
margin-top:24px;
rotate: 90deg;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid black;
}
/* Create a container to hold the image and paragraph */
/*.content {
/*width: 60%;*/ /* Set the content container to 60% of the screen width} */
/* Style the image */
.image {
width: 30%; /* Ensure the image does not exceed its container */
}
#imgshift{
margin-top:-80px;
}
.circle1{
margin-top:0px;
margin-left:72%;
background-color: black;
width: 35px;
height:35px;
border-radius:50%;
}
.box1{
margin-top:-4px ;
margin-left:73%;
width:9px;
border-radius: 30px 30px 30px 30px;
background-color: black;
}
.arrow1{
margin-top:-7px;
margin-left:13.7%;
height:12px;
width: 60%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color:white;
}
.arr1 {
margin-left: 26.4%;
width: 120px;
}
.line1 {
border-radius:10px;
margin-top:-48px;
margin-left:-10px;
width: 10px;
height: 200px;
background: black;
float: left;
}
.line2 {
border-radius:10px;
margin-top:-48px;
margin-left:130px;
width: 10px;
height: 70px;
background: black;
float: left;
}
.line3 {
border-radius:10px;
margin-top:-48px;
margin-left:-162px;
width: 10px;
height: 70px;
background: black;
float: left;
}
#shift{
margin-top:10%;
}
/* Style the paragraph */
.first-para {
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
}
.second-para {
margin-top:-50px;
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-right: 20px;
text-align: right;
}
.third-para {
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
}
/* Style the enlarged text */
.enlarge {
font-size: 16pt; /* Larger font size for the first four words */
font-weight: bold; /* Bold text */
font-style: italic; /* Italic text */
}
/* Style the black background paragraph */
.black-bg-paragraph {
font-family: "Italian Typewriter Unicode", monospace; /* Use the Monotype Courier font */
background-color: black;
color: white;
padding: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: "Italian Typewriter Unicode", monospace;
background-color: black;
color: white;
padding: 40px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
/* Style the white text within the black background paragraph */
.fourth-para {
font-family: "Italian Typewriter Unicode", monospace;
font-size: 18pt; /* Font size for the white text */
font-family: "Italian Typewriter Unicode", monospace;
font-size: 18pt; /* Font size for the white text */
}
.fifth-para {
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: left;
font-family: "Courier New", monospace;
font-size: 12pt;
color: black;
background-color: white;
padding: 40px;
margin-left: 20px;
text-align: left;
}
@media only screen and (min-device-width: 400px) and (max-device-width: 800px) {
@media only screen and (max-width: 1000px) {
body, h1, p {
margin: 0;
padding: 0;
}
/* Create a container to hold the image and paragraph */
.container {
/* display: flex;
flex-wrap: nowrap; */
margin-top:6%;
margin-left: 20%;
/* Vertically center the contents */
/*height: 100vh;*/
}
.container-fluid{
margin-left:5%;
margin-right:5%;
}
.circle{
background-color: black;
margin-left:114px;
width: 30px;
height:30px;
border-radius:50%;
margin-top:-50px
margin-left: 213px;
width: 20px;
height: 20px;
border-radius: 50%;
margin-top: -8px;
}
.box{
margin-top:-10px ;
margin-left:124px;
width:10px;
border-radius: 30px 30px;
background-color: black;
margin-top: -10px;
margin-left: 219px;
width: 8px;
border-radius: 30px 30px;
}
.arrow{
margin-top:-10px;
margin-left:128px;
height:12px;
width: 54%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color:white;
margin-top: -8px;
margin-left: 220px;
height: 8px;
width: 36%;
}
.arr {
margin-left:330px;
margin-left:541px;
width: 120px;
}
.line {
border-radius:10px;
margin-top:-48px;
margin-left:-10px;
width: 10px;
height: 80px;
background: black;
float: left;
border-radius: 10px;
margin-top: -55px;
margin-left: -7px;
width: 8px;
height: 100px;
}
.point {
margin-left:-20px;
margin-top:24px;
rotate: 90deg;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid black;
margin-left: -18px;
margin-top: 36px;
}
/* Create a container to hold the image and paragraph */
/*.content {
/*width: 60%;*/ /* Set the content container to 60% of the screen width} */
/* Style the image */
.image {
margin-top: 200px;
/* margin-top: 200px; */
height:150px;
width: 150px; /* Ensure the image does not exceed its container */
}
#imgshift{
height:150px;
width: 150px;
margin-right:-20px;
margin-top: -2px;
margin-left:50px;
}
.circle1{
z-index:1;
margin-top:-1px;
margin-left:330px;
background-color: black;
width: 20px;
height:20px;
border-radius:50%;
margin-top: -1px;
margin-left: 524px;
width: 20px;
height: 20px;
}
.box1{
margin-top:-4px ;
margin-left:335px;
width:9px;
border-radius: 30px 30px 30px 30px;
background-color: black;
margin-top:-4px ;
margin-left: 529px;
width: 8px;
}
.arrow1{
margin-top:-3px;
margin-left:95px;
height:12px;
width: 60%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color:white;
margin-top: -8px;
margin-left: 99px;
height: 8px;
width: 49%;
}
.arr1 {
margin-left: 260px;
width: 120px;
}
.line1 {
border-radius:10px;
margin-top:-48px;
margin-left:-60px;
width: 10px;
height: 200px;
background: black;
float: left;
}
.line2 {
border-radius:10px;
margin-top:-48px;
margin-left:15px;
width: 10px;
height: 70px;
background: black;
float: left;
}
.line3 {
border-radius:10px;
margin-top:-48px;
width: 10px;
height: 70px;
background: black;
float: left;
}
#shift{
margin-top:10px;
margin-top: -54px;
margin-left: -75px;
width: 8px;
height: 200px;
}
.line2 {
margin-top: -52px;
margin-left: 15px;
width: 8px;
height: 70px;
}
.line3 {
margin-top: -56px;
width: 8px;
height: 70px;
}
/* Style the paragraph */
.first-para {
display: inline-block;
......@@ -643,7 +395,7 @@ body, h1, p {
background-color: white;
padding:2px;
/* Add some padding for spacing */
margin-top:120px;
/* margin-top:120px; */
margin-left: 30px;
text-align: justify;
}
......@@ -665,9 +417,9 @@ body, h1, p {
}
.third-para {
margin-top:200px;
/* margin-top:200px;
height:1000px;
width:1000px;
width:1000px; */
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 10pt;
color: black;
......@@ -686,30 +438,78 @@ body, h1, p {
/* Style the black background paragraph */
.black-bg-paragraph {
font-family: "Italian Typewriter Unicode", monospace; /* Use the Monotype Courier font */
background-color: black;
color: white;
padding: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
/* Style the white text within the black background paragraph */
.fourth-para {
font-family: "Italian Typewriter Unicode", monospace;
padding: 20px;
font-size: 9pt; /* Font size for the white text */
}
.fifth-para {
font-family: "Courier New", monospace; /* Use the Monotype Courier font */
font-size: 9pt;
color: black;
background-color: white;
padding: 20px; /* Add some padding for spacing */
margin-left: 20px;
text-align: justify;
font-size: 9pt;
padding: 20px; /* Add some padding for spacing */
}
}
\ No newline at end of file
}
footer {
background-color: black;
color: white;
text-align: center;
font-size: 18px;
padding: 20px;
justify-content: center;
align-items: center;
gap: 10px;
}
.main{
display: flex;
flex-direction: row;
}
.left-column, .right-column {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.middle-column {
/* display: flex;
flex-direction: column;
align-items: center;
justify-content: center; */
text-align: left;
}
.horizontal-logos {
display: flex;
flex-direction: row;
gap: 10px;
}
.horizontal-logos a {
color: white;
}
.horizontal-logos a:hover {
color: #b3b3b3;
}
.footer-logo {
width: 150px;
height: 150px;
margin: 10px;
}
.footer-large-logo {
width: 300px;
height: 150x;
margin: 10px;
}
.tab {
display: inline-block;
}
{% extends "layout.html" %}
{% block title %}Synthopedia{% endblock %}
{% block lead %}With the advent of the synthetic biology revolution, scientists have developed ways to use bacteria to produce commercial products and even treat diseases using engineered probiotics. There are, however, some hurdles that need to be overcome, including the inability to modulate gene expression in a predictable manner and the absence of many of the genetic and regulatory libraries which makes building genetic circuits and assemblies extremely difficult in unconventional chassis. To combat these problems, Team iGEM IIT-Madras is working to create a well-characterized library of ribosome binding bites to fine-tune gene expression in Lactococcus lactis and contribute to the development of standardized genetic parts and systems in this beneficial chassis.{% endblock %}
{% block lead %}With the advent of the synthetic biology revolution, scientists have developed ways to use bacteria to
produce commercial products and even treat diseases using engineered probiotics. There are, however, some hurdles that
need to be overcome, including the inability to modulate gene expression in a predictable manner and the absence of many
of the genetic and regulatory libraries which makes building genetic circuits and assemblies extremely difficult in
unconventional chassis. To combat these problems, Team iGEM IIT-Madras is working to create a well-characterized library
of ribosome binding bites to fine-tune gene expression in Lactococcus lactis and contribute to the development of
standardized genetic parts and systems in this beneficial chassis.{% endblock %}
{% block page_content %}
<div class="content">
<div class="container">
<!--Unless stated otherwise, the text is black over white bg-->
<!--The first pic, aligned left of text-->
<img src="https://static.igem.wiki/teams/4931/wiki/hp-first-image.png " alt="first photo" class="image">
<!--This is the first para, indented right-->
<p class="first-para">Synthetic biology envisions a bioengineering<br>domain for designing new genetic parts and <br>systems, or redesigning of existing ones. <br><br> Until now, the most versatile workhorse of <br>synthetic biology has been <i><b>Escherichia coli.</b></i><br>However, there is a need for exploring new <br>chassis which can be naturally adapted to <br>unique traits or metabolic pathways.</p>
</div>
<div class="container-fluid">
<div class="circle">
</div>
<div class="box"><p><br><br><br></p></div>
<div class="arrow">
<!-- <p>.</p> -->
<br>
</div>
<div class="arr">
<br><br>
<div class="line"></div>
<div class="point"></div>
</div>
</div>
<div class="container">
<!--The second para, indented left-->
<p class="second-para"><span class="enlarge">Lactococcus lactis (L. lactis)</span><br> is a ‘Generally Regarded As Safe’ (GRAS)<br>organism. It is naturally found in milk products<br> and is also known to colonize the human gut.<br> Unlike E. coli, it does not have an endotoxin<br> layer, which requires extra measures for<br> purification.<br><br>Due to its ability to use a wide range of<br> substrates and tolerance for a wide range of<br> conditions (pH, temperature, solvent<br> concentration), L. lactis serves as an alternate<br> bacterial model for metabolic and bioprocess<br> engineering.</p>
<!--The second pic, aligned right of text-->
<img src="https://static.igem.wiki/teams/4931/wiki/hp-second-image.png" alt="second photo" class="image" id="imgshift">
</div>
<div class="container-fluid1">
<div class="circle1">
</div>
<div class="box1"><p><br><br><br></p></div>
<div class="arrow1">
<!-- <p>.</p> -->
<br>
</div>
<div class="arr1">
<br><br>
<div class="line3"></div>
<div class="line1"></div>
<div class="line2"></div>
</div>
</div>
<div class="container">
<!--The third pic, aligned left of text-->
<img src="/the/third/photo" alt="third photo" class="image" id="shift">
<!--The third para, indented right-->
<p class="third-para">The range of products it can be engineered to<br>produce include bioplastics, biofuels,<br>biopolymers, polyols, and food flavors.<br><br>However, the absence of genetic and regulatory<br>libraries for this organism make genetic<br>circuits design and assembly challenging in<br>this chassis.<br><br>The ability to fine-tune gene expression forms<br>a cornerstone for the design and operation of<br>genetic circuits. This optimization has not<br>been fully carried out in non-traditional<br>chassis like L. lactis.</p>
</div>
</div>
<br><br>
<div class="container">
<!--Unless stated otherwise, the text is black over white bg-->
<!--The first pic, aligned left of text-->
<img src="https://static.igem.wiki/teams/4931/wiki/hp-first-image.png" alt="first photo" class="image">
<img src="https://static.igem.wiki/teams/4931/wiki/hp-first-image.png " alt="first photo" class="image">
<!--This is the first para, indented right-->
<p class="first-para">Synthetic biology envisions a bioengineering<br>domain for designing new genetic parts and
<br>systems, or redesigning of existing ones. <br><br> Until now, the most versatile workhorse of
......@@ -98,8 +49,7 @@
alternate<br> bacterial model for metabolic and bioprocess<br> engineering.</p>
<!--The second pic, aligned right of text-->
<img src="https://static.igem.wiki/teams/4931/wiki/hp-second-image.png" alt="second photo" class="image"
id="imgshift">
<img src="https://static.igem.wiki/teams/4931/wiki/hp-second-image.png" alt="second photo" class="image">
</div>
<div class="container-fluid">
<div class="circle1">
......@@ -122,7 +72,7 @@
<div class="container">
<!--The third pic, aligned left of text-->
<img src="/the/third/photo" alt="third photo" class="image" id="shift">
<img src="/the/third/photo" alt="third photo" class="image">
<!--The third para, indented right-->
<p class="third-para">The range of products it can be engineered to<br>produce include bioplastics,
biofuels,<br>biopolymers, polyols, and food flavors.<br><br>However, the absence of genetic and
......@@ -146,7 +96,8 @@
mRNA folding, the interaction between the mRNA and the ribosomal S1<br>protein, the difference in optimal
RBS-AUG spacing in Gram-positive and Gram-negative<br>bacteria, and the effect of RNAse-mediated degradation of
the transcript.<br><br>Combining the model with an optimisation algorithm, we aim to rationally design the
<br>‘best’ RBS for a given gene, in a given organism.</p>
<br>‘best’ RBS for a given gene, in a given organism.
</p>
</div>
{% endblock %}
{% endblock %}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment