Team:Braunschweig/Team
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | + | <html lang="en"> | |
+ | <head> | ||
+ | <title>E. Cowli - Fighting Climate Change - iGEM 2014 Team Braunschweig</title> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <meta name="description" content="" /> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <!-- Google Web Font Embed --> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <!-- Bootstrap core CSS --> | ||
+ | <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css'> | ||
- | < | + | <!---- Bootstrap cusomized --> |
+ | <link href="https://2014.igem.org/Template:Team:Braunschweig/CSS_TU-BS_bootstrap?action=raw&ctype=text/css" rel='stylesheet' type='text/css'> | ||
- | <!-- | + | <!-- Custom styles for this template --> |
- | < | + | <link href="https://2014.igem.org/Template:Team:Braunschweig/CSS_TU-BS_style?action=raw&ctype=text/css" rel='stylesheet' type='text/css'> |
- | <!-- | + | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
- | < | + | <!--[if lt IE 9]> |
- | < | + | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
- | + | <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> | |
- | < | + | <![endif]--> |
- | + | ||
- | < | + | <script src="https://2014.igem.org/Template:Team:Braunschweig/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script> |
- | < | + | <script src="https://2014.igem.org/Template:Team:Braunschweig/JS_bootstrap?action=raw&ctype=text/javascript" type="text/javascript"></script> |
- | </ | + | <script src="https://2014.igem.org/Template:Team:Braunschweig/JS_stickup?action=raw&ctype=text/javascript" type="text/javascript"></script> |
- | < | + | <script src="https://2014.igem.org/Template:Team:Braunschweig/JS_template?action=raw&ctype=text/javascript" type="text/javascript"></script> |
+ | <style> | ||
- | + | #contentSub { | |
- | + | display:none; | |
- | + | } | |
- | + | #siteSub { | |
- | + | display:none; | |
+ | } | ||
- | + | #search-controls { | |
- | + | display:none; | |
- | + | } | |
+ | #content { | ||
+ | background:#ece5aa; | ||
+ | width:100%; | ||
+ | border-left:0px; | ||
+ | border-right:0px; | ||
+ | } | ||
+ | #top-section { | ||
+ | width: 90%; | ||
+ | height: 1px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | top:3px; | ||
+ | font-size: 65%; | ||
+ | } | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
- | + | #menubar:hover { | |
- | + | color: black;} | |
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: black;} | ||
+ | #navbarteam {width:70px;} | ||
+ | #navbarproject {width:70px;} | ||
+ | #navbarmodeling {width:85px;} | ||
+ | #navbarachievements {width:140px;} | ||
+ | #navbarparts {width:70px;} | ||
+ | #navbarsafety {width:70px;} | ||
+ | #navbarhome {width:70px;} | ||
+ | #navbarnotebook {width:100px;} | ||
- | + | .firstHeading { | |
- | + | display:none; | |
+ | } | ||
+ | #p-logo { | ||
+ | display:none; | ||
+ | } | ||
- | + | #search-controls { | |
- | + | margin-top:30px; | |
+ | } | ||
- | + | #footer-box { | |
- | + | display:none; | |
+ | } | ||
- | + | #catlinks { | |
- | + | display:none; | |
+ | } | ||
- | < | + | </style> |
- | + | ||
- | < | + | </head> |
- | <a href="https://2014.igem.org/Team:Braunschweig/ | + | |
+ | <body> | ||
+ | <div class="templatemo-top-menu"> | ||
+ | <div class="container"> | ||
+ | <!-- Static navbar --> | ||
+ | <div class="navbar navbar-default" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bc/TU-BS_Logo-weiss.jpg" alt="iGEM 2014 TU Braunschweig Logo" title="iGEM2014 TU BS Logo" height="60px" padding="2px"> | ||
+ | </div> | ||
+ | <div class="navbar-collapse collapse" id="templatemo-nav-bar"> | ||
+ | <ul id='nav' class="nav navbar-nav navbar-right" style="margin-top: 5px;white-space:nowrap;overflow:hidden"> | ||
+ | <li id="navbarhome"><a href="https://2014.igem.org/Team:Braunschweig">Home</a></li> | ||
+ | <li id='navbarteam'><a href="https://2014.igem.org/Team:Braunschweig/Team">Team</a> | ||
+ | <ul id="nav-dd" style="margin-left:-50px"> | ||
+ | <li><a target="_blank" href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig">Official Team Profile</a></li> | ||
+ | <li><a href="#">Collaboration</a></li> | ||
+ | <li><a href="#">Gallery</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id='navbarproject'><a href="https://2014.igem.org/Team:Braunschweig/Project">Project</a> | ||
+ | <ul id="nav-dd" style="margin-left:-60px"> | ||
+ | <li><a target="_blank" href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig">Summary</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Problem">Problem</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Idea">Idea</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Solution">Solution</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Results">Results</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Potential">Potential</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Engineering Principles">Engineering Principles</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="navbarparts"><a href="https://2014.igem.org/Team:Braunschweig/Parts">Parts</a> | ||
+ | <ul id="nav-dd" style="margin-left:-110px"> | ||
+ | <li><a href="#">New Parts</a></li> | ||
+ | <li><a href="#">Improved Parts</a></li> | ||
+ | <li><a href="#">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="navbarmodeling"><a href="https://2014.igem.org/Team:Braunschweig/Modeling">Modeling</a> | ||
+ | <ul id="nav-dd" style="margin-left:-50px"> | ||
+ | <li><a href="#">Modeling Approach</a></li> | ||
+ | <li><a href="#">Mathematical Model</a></li> | ||
+ | <li><a href="#">Code</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="navbarnotebook"><a href="https://2014.igem.org/Team:Braunschweig/Notebook">Notebook</a> | ||
+ | <ul id="nav-dd" style="margin-left:-80px"> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="#">MMO</a></li> | ||
+ | <li><a href="#">His-Tag</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="navbarachievements"><a href="https://2014.igem.org/Team:Braunschweig/Achievements">Achievements</a> | ||
+ | <ul id="nav-dd" style="margin-left:-150px"> | ||
+ | <li><a href="#">Human Practices</a></li> | ||
+ | <li><a href="#">Medal Requirements</a></li> | ||
+ | <li><a href="#">Judging</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="navbarsafety"><a href="https://2014.igem.org/Team:Braunschweig/Safety">Safety</a> | ||
+ | </li> | ||
+ | </ul> | ||
- | < | + | <div id="glyphs" style="margin-top:15px;margin-left:10px"> |
- | < | + | <a href="http://en.igem-braunschweig.de/"><span class="glyphicon glyphicon-home"></span></a> |
+ | <span class="glyphicon glyphicon-map-marker""></span> | ||
+ | <span class="glyphicon glyphicon-thumbs-up"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/00/TU-BS_IGEM_official_logo.jpg" alt="iGEM official Logo" height="25px"> | ||
+ | </div> | ||
+ | |||
+ | </div><!--/.nav-collapse --> | ||
+ | </div><!--/.container-fluid --> | ||
+ | </div><!--/.navbar --> | ||
+ | </div> <!-- /container --> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <!-- Carousel --> | ||
+ | <div id="templatemo-carousel" class="carousel slide" data-ride="carousel"> | ||
+ | <!-- Indicators --> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#templatemo-carousel" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#templatemo-carousel" data-slide-to="1"></li> | ||
+ | <li data-target="#templatemo-carousel" data-slide-to="2"></li> | ||
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>E. Cowli</h1> | ||
+ | <p>Fighting Climate Change where it begins.</p> | ||
- | < | + | </div> |
- | <a href=" | + | </div> |
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <div class="col-sm-6 col-md-6"> | ||
+ | <h1>Slider 1 links</h1> | ||
+ | <p>Suspendisse pellentesque, odio vel ultricies interdum, mauris nulla ullamcorper magna, non aliquet odio velit aliquam augue.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-6 col-md-6"> | ||
+ | <h1>Slider 1 rechts </h1> | ||
+ | <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam mattis fringilla urna.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>Slider 2</h1> | ||
+ | <p>This template is free to download and use for any website. This is a mobile-ready layout using Bootstrap framework.</p> | ||
+ | <p><a class="btn btn-lg btn-orange" href="#" role="button">Read More</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="left carousel-control" href="#templatemo-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> | ||
+ | <a class="right carousel-control" href="#templatemo-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> | ||
+ | </div><!-- /#templatemo-carousel --> | ||
+ | </div> | ||
- | < | + | <!---------- CONTENT -------> |
- | </ | + | <div class="templatemo-service" id='igem-content'> |
- | </ | + | <div class="container"> |
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="contentbox"> | ||
+ | Hier könnte Ihre Werbung oder auch jeder andere Inhalt platziert werden! | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="contentbox"> | ||
+ | Hier könnte Ihre Werbung oder auch jeder andere Inhalt platziert werden! | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div class="templatemo-welcome" id="templatemo-welcome"> |
- | < | + | <div class="container"> |
- | < | + | <div class="templatemo-slogan text-center"> |
+ | <a name="Problem"></a> | ||
+ | <h2>Problem</h2> | ||
+ | <p>Hier wird ein Text stehen</p> | ||
+ | <a name="Idea"></a> | ||
+ | <h2>Idea</h2> | ||
+ | <a name="Solution"></a> | ||
+ | <h2>Solution</h2> | ||
+ | <a name="Results"></a> | ||
+ | <h2>Results</h2> | ||
+ | <a name="Potential"></a> | ||
+ | <h2>Potential</h2> | ||
+ | <a name="Engineering Principle"></a> | ||
+ | <h2>Engineering Principle</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="templatemo-service" id='igem-content'> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="templatemo-service-item"> | ||
+ | <div> | ||
+ | <img src="images/leaf.png" alt="icon" /> | ||
+ | <span class="templatemo-service-item-header">AWESOME ICONS</span> | ||
+ | </div> | ||
+ | <p>Nam porta adipiscing tortor, eget rutrum turpis bibendum ut. Donec eu lacus in diam euismod imperdiet eu ut turpis. Morbi felis orci, tincidunt pretium laoreet id, euismod et lacus. Praesent aliquet magna vitae mi elementum pharetra.</p> | ||
+ | <div class="text-center"> | ||
+ | <a href="#" | ||
+ | class="templatemo-btn-read-more btn btn-orange">READ MORE</a> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="templatemo-service-item" > | ||
+ | <div> | ||
+ | <img src="images/mobile.png" alt="icon"/> | ||
+ | <span class="templatemo-service-item-header">FULLY RESPONSIVE</span> | ||
+ | </div> | ||
+ | <p><a href="http://www.templatemo.com/preview/templatemo_395_urbanic">Urbanic</a> is free responsive HTML5 <a rel="nofollow" href="http://www.templatemo.com">website template</a> by templatemo. Credits go to <a rel="nofollow" href="http://getbootstrap.com">Bootstrap</a> for responsive layout and <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images used in this <a rel="nofollow" href="http://www.templatemo.com/page/1">free template</a>. Curabitur non eros ut dolor tincidunt interdum sit amet vitae quam.</p> | ||
+ | <div class="text-center"> | ||
+ | <a href="#" | ||
+ | class="templatemo-btn-read-more btn btn-orange">READ MORE</a> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="templatemo-service-item"> | ||
+ | <div> | ||
+ | <img src="images/battery.png" alt="icon"/> | ||
+ | <span class="templatemo-service-item-header">HIGH EFFICIENCY</span> | ||
+ | </div> | ||
+ | <p>Morbi imperdiet ipsum sit amet dui pharetra, vulputate porta neque tristique. Quisque id turpis tristique, venenatis erat sit amet, venenatis turpis. Ut tellus ipsum, posuere bibendum consectetur vel, egestas sit amet erat. Morbi rhoncus leo fermentum viverra.</p> | ||
+ | <div class="text-center"> | ||
+ | <a href="#" | ||
+ | class="templatemo-btn-read-more btn btn-orange">READ MORE</a> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | < | + | |
- | < | + | <div class="templatemo-tweets"> |
- | < | + | <div class="container"> |
- | </ | + | <div class="row" style="margin-top:20px;"> |
+ | <div class="col-md-2"> | ||
+ | </div> | ||
+ | <div class="col-md-1"> | ||
+ | <img src="images/quote.png" alt="icon" /> | ||
+ | </div> | ||
+ | <div class="col-md-7 tweet_txt" > | ||
+ | <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendiise as a molesti neque vestibulum, persiutsor de andues mare fricilus ipsum dolor sit amet cons forukus.</span> | ||
+ | <br/> | ||
+ | <span class="twitter_user">Moe Moe, Yangon</span> | ||
+ | </div> | ||
+ | <div class="col-md-2"> | ||
+ | </div> | ||
+ | </div><!-- /.row --> | ||
+ | </div><!-- /.container --> | ||
+ | </div> | ||
- | < | + | <div class="templatemo-partners" > |
- | + | <div class="container"> | |
- | < | + | <div class="row"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | </ | + | <!---------- SPONSOREN -----------> |
+ | <div class="templatemo-line-header" > | ||
+ | <div class="text-center"> | ||
+ | <hr class="team_hr team_hr_left hr_gray"/><span class="txt_darkgrey">OUR PARTNERS</span> | ||
+ | <hr class="team_hr team_hr_right hr_gray" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | <div class="text-center"> | ||
+ | <div style="margin-top:60px;"> | ||
+ | <ul class="list-inline"> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner1.jpg" class="img-responsive" alt="partner 1" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner2.jpg" class="img-responsive" alt="partner 2" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner3.jpg" class="img-responsive" alt="partner 3" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner4.jpg" class="img-responsive" alt="partner 4" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner5.jpg" class="img-responsive" alt="partner 5" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner6.jpg" class="img-responsive" alt="partner 6" /></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <div class="templatemo-footer" > |
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="text-center"> | ||
- | < | + | <div class="footer_container"> |
- | < | + | <ul class="list-inline"> |
- | < | + | <li> |
- | </ | + | <a href="#"> |
- | + | <span class="social-icon-fb"></span> | |
- | + | </a> | |
- | < | + | </li> |
- | < | + | <li> |
- | < | + | <a href="#"> |
- | < | + | <span class="social-icon-rss"></span> |
- | <li> | + | </a> |
- | < | + | </li> |
- | <li> | + | <li> |
- | < | + | <a href="#"> |
- | + | <span class="social-icon-twitter"></span> | |
- | + | </a> | |
- | </ | + | </li> |
- | + | <li> | |
- | < | + | <a href="#"> |
- | < | + | <span class="social-icon-linkedin"></span> |
- | + | </a> | |
- | </ | + | </li> |
- | + | <li> | |
- | + | <a href="#"> | |
- | </ | + | <span class="social-icon-dribbble"></span> |
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <div class="height30"></div> | ||
+ | <a class="btn btn-lg btn-orange" href="#" role="button" id="btn-back-to-top">Back To Top</a> | ||
+ | <div class="height30"></div> | ||
+ | </div> | ||
+ | <div class="footer_bottom_content">Copyright © 2014 iGEM Team Braunschweig</div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | // Innerhalb der Liste href auslesen und durch # ersetzen, title-Attribut mit dem Wert des href schreiben | ||
+ | $("ul.liste a").each(function(){ | ||
+ | |||
+ | var url = $(this).attr("href"); | ||
+ | $(this).attr("title",url).attr("href","#"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | // per Click entsprechende URL in das DIV laden, aber nur das DIV #seiteninhalt | ||
+ | $("ul.nav a").click(function(){ | ||
+ | var quelle = $(this).attr("title") + " #seiteninhalt"; | ||
+ | $("#igem-content").load(quelle); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 20:59, 27 September 2014
Hier könnte Ihre Werbung oder auch jeder andere Inhalt platziert werden!
Hier könnte Ihre Werbung oder auch jeder andere Inhalt platziert werden!
AWESOME ICONS
Nam porta adipiscing tortor, eget rutrum turpis bibendum ut. Donec eu lacus in diam euismod imperdiet eu ut turpis. Morbi felis orci, tincidunt pretium laoreet id, euismod et lacus. Praesent aliquet magna vitae mi elementum pharetra.
FULLY RESPONSIVE
Urbanic is free responsive HTML5 website template by templatemo. Credits go to Bootstrap for responsive layout and Unsplash for images used in this free template. Curabitur non eros ut dolor tincidunt interdum sit amet vitae quam.
HIGH EFFICIENCY
Morbi imperdiet ipsum sit amet dui pharetra, vulputate porta neque tristique. Quisque id turpis tristique, venenatis erat sit amet, venenatis turpis. Ut tellus ipsum, posuere bibendum consectetur vel, egestas sit amet erat. Morbi rhoncus leo fermentum viverra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendiise as a molesti neque vestibulum, persiutsor de andues mare fricilus ipsum dolor sit amet cons forukus.
Moe Moe, Yangon
Moe Moe, Yangon