BambooPanda (Talk | contribs) |
BambooPanda (Talk | contribs) (Undo revision 476618 by BambooPanda (talk)) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | <meta charset="utf-8"> | |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
− | </ | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,400i"> |
+ | <link rel="icon" href="https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--TeamLogo.png"> | ||
+ | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
+ | </head> | ||
<style> | <style> | ||
/***************************************************** DEFAULT WIKI SETTINGS ***************************************/ | /***************************************************** DEFAULT WIKI SETTINGS ***************************************/ | ||
Line 56: | Line 56: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 167: | Line 65: | ||
height: auto; | height: auto; | ||
margin: 0px; | margin: 0px; | ||
− | padding: 35px; | + | padding-top: 20px; |
+ | padding-left: 35px; | ||
+ | padding-right: 35px; | ||
} | } | ||
Line 183: | Line 83: | ||
transform-origin: left 0; | transform-origin: left 0; | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 380px; |
− | left: | + | left: 10px; |
+ | } | ||
+ | |||
+ | .welcome-message{ | ||
+ | font-family: "Roboto", sans-serif ; | ||
+ | font-size: 20px; | ||
+ | letter-spacing: .1em; | ||
+ | font-weight: 300; | ||
+ | width: auto; | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | left: 50px; | ||
} | } | ||
Line 190: | Line 101: | ||
.instalogo{ | .instalogo{ | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 65px; |
− | left: | + | left: 8px; |
font-size: 2.0em !important; | font-size: 2.0em !important; | ||
color: #1e1e1e; | color: #1e1e1e; | ||
Line 200: | Line 111: | ||
.fblogo{ | .fblogo{ | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 108px; |
− | left: | + | left: 12px; |
font-size: 1.5em !important; | font-size: 1.5em !important; | ||
color: #1e1e1e; | color: #1e1e1e; | ||
Line 210: | Line 121: | ||
.maillogo{ | .maillogo{ | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 145px; |
− | left: | + | left: 8px; |
font-size: 1.5em !important; | font-size: 1.5em !important; | ||
color: #1e1e1e; | color: #1e1e1e; | ||
Line 217: | Line 128: | ||
.maillogo:hover{ | .maillogo:hover{ | ||
color: #3d4d6d; | color: #3d4d6d; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*********** Change of Background Color *************/ | ||
+ | .bg-primary { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/0/04/T--NUS_Singapore-A--Wiki_theme5.jpg"); | ||
+ | background-size: 100% 100%; | ||
+ | color: black; | ||
} | } | ||
Line 227: | Line 146: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
− | margin: | + | margin: 0px 5px -10px 5px; |
text-align: center; | text-align: center; | ||
/*background-color: white;*/ | /*background-color: white;*/ | ||
Line 244: | Line 163: | ||
width: 150px; | width: 150px; | ||
} | } | ||
+ | |||
Line 250: | Line 170: | ||
/* The wrapper for the nav menu*/ | /* The wrapper for the nav menu*/ | ||
.nav { | .nav { | ||
− | |||
width: 100%; | width: 100%; | ||
+ | min-height: 45px; | ||
/*padding-top: 1em;*/ | /*padding-top: 1em;*/ | ||
/* This color means white and slightly transparent */ | /* This color means white and slightly transparent */ | ||
− | background-color: rgba(255, 255, 255, 0. | + | background-color: rgba(255, 255, 255, 0.95); |
− | + | ||
− | + | ||
− | + | ||
text-align: center; | text-align: center; | ||
position: relative; | position: relative; | ||
Line 265: | Line 182: | ||
/* Add an active class to highlight the current page */ | /* Add an active class to highlight the current page */ | ||
.active { | .active { | ||
− | background-color:rgba(255, 255, 255, 0. | + | background-color:rgba(255, 255, 255, 0.95); |
} | } | ||
− | /* Hide the link that | + | /* Hide the link that should open and close the topnav on small screens */ |
− | + | ||
.nav .icon { | .nav .icon { | ||
+ | display: none; | ||
} | } | ||
/* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | /* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | ||
− | .dropdown{ | + | .nav .dropdown{ |
display: inline-block; | display: inline-block; | ||
overflow: hidden; | overflow: hidden; | ||
height: 100%; | height: 100%; | ||
+ | margin-top: 8px; | ||
} | } | ||
/* This configures the main button (Project, Hardware, Team, blah blah) */ | /* This configures the main button (Project, Hardware, Team, blah blah) */ | ||
− | .dropdown .dropbtn{ | + | .nav .dropdown .dropbtn{ |
font-family: "Montserrat"; | font-family: "Montserrat"; | ||
font-weight: 400; | font-weight: 400; | ||
− | font-size: 1. | + | font-size: 1.2em; |
− | letter-spacing: 0. | + | letter-spacing: 0.1em; |
− | margin: auto | + | margin: auto 6px; |
padding: 10px 5px; | padding: 10px 5px; | ||
height: 100%; | height: 100%; | ||
Line 296: | Line 214: | ||
/* The dropdwn-content class contains the hidden content (sub-menu) */ | /* The dropdwn-content class contains the hidden content (sub-menu) */ | ||
− | .dropdown-content{ | + | .nav .dropdown .dropdown-content{ |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
/*Change this to change the color of the background that houses the dropdown menu content. The last number affects the opacity of the color*/ | /*Change this to change the color of the background that houses the dropdown menu content. The last number affects the opacity of the color*/ | ||
− | background-color: rgba(255, 255, 255, 0. | + | background-color: rgba(255, 255, 255, 0.95); |
text-align: left; | text-align: left; | ||
max-width: 250px; | max-width: 250px; | ||
Line 307: | Line 225: | ||
/* This styles the links within the dropdwn-content */ | /* This styles the links within the dropdwn-content */ | ||
− | .dropdown-content a{ | + | .nav .dropdown .dropdown-content a{ |
float: none; | float: none; | ||
− | padding: 5px; | + | padding-top: 5px; |
+ | padding-bottom: 5px; | ||
+ | padding-left: 4px; | ||
margin: auto auto; | margin: auto auto; | ||
text-decoration: none; | text-decoration: none; | ||
Line 315: | Line 235: | ||
display: block; | display: block; | ||
min-width: inherit; | min-width: inherit; | ||
− | font-size: 1. | + | font-size: 1.2em; |
− | font-family: "Montserrat"; | + | font-family: "Montserrat" !important; |
font-weight: 400; | font-weight: 400; | ||
− | letter-spacing: 0. | + | letter-spacing: 0.1em; |
} | } | ||
/* Add the hover colors and the reveal of the menu */ | /* Add the hover colors and the reveal of the menu */ | ||
− | .dropdown:hover { | + | .nav .dropdown:hover { |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
− | .dropdown:hover .dropdown-content { | + | .nav .dropdown:hover .dropdown-content { |
display: block; | display: block; | ||
} | } | ||
− | .dropdown-content a:hover{ | + | .nav .dropdown-content a:hover{ |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
Line 337: | Line 257: | ||
.sticky{ | .sticky{ | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 1%; |
left: 0; | left: 0; | ||
+ | padding-left: 42px; | ||
+ | padding-right: 42px; | ||
} | } | ||
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 700px) { |
− | . | + | .nav .dropdown, .nusgem_mail, .welcome-message, .instalogo, .fblogo, .maillogo, .nus-logo { |
display: none; | display: none; | ||
} | } | ||
Line 350: | Line 272: | ||
float: right; | float: right; | ||
display: block; | display: block; | ||
+ | position: relative; | ||
+ | font-size: 30px; | ||
} | } | ||
+ | .nav .dropdown .dropdown-content { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
.outer-border { | .outer-border { | ||
padding: 0px; | padding: 0px; | ||
Line 365: | Line 293: | ||
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ | /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 700px) { |
.nav.responsive {position: relative;} | .nav.responsive {position: relative;} | ||
.nav.responsive a.icon { | .nav.responsive a.icon { | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
− | top: | + | top: 2.5%; |
} | } | ||
− | .nav.responsive .dropdown {float: none;} | + | .nav.responsive .dropdown {float: none; display: block; background-color: #dddddd;} |
− | .nav.responsive .dropdown-content {position: relative;} | + | .nav.responsive .dropdown-content {position: relative; display: block; background-color: #dddddd;} |
.nav.responsive .dropdown .dropbtn { | .nav.responsive .dropdown .dropbtn { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
− | text-align: | + | text-align: center; |
} | } | ||
} | } | ||
+ | |||
+ | /************************************************** Back to top button style **************************************************/ | ||
+ | |||
+ | #BacktoTopBtn { | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | bottom: 3px; | ||
+ | right: 10px; | ||
+ | z-index: 99; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | background-color: #F5B041; | ||
+ | color: white; | ||
+ | cursor: pointer; | ||
+ | padding: 5px; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | |||
+ | #BacktoTopBtn:hover { | ||
+ | background-color: #2980B9; | ||
+ | } | ||
+ | |||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | |||
Line 424: | Line 377: | ||
} | } | ||
} | } | ||
+ | |||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
</script> | </script> | ||
+ | </head> | ||
− | |||
− | |||
− | < | + | <!--******************************** Here is where the main content starts ************************************--> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <body> | ||
<!-------------------------------------START OF NAV BAR HTML------------------------------------------------------> | <!-------------------------------------START OF NAV BAR HTML------------------------------------------------------> | ||
− | + | <div class="welcome-message">Welcome to NUSGEM2018!</div> | |
− | + | <div class="nusgem_mail">CONNECT WITH US</div> | |
− | < | + | <div class="outer-border bg-primary"> |
− | < | + | <div class="w3-hide-small"> |
+ | <a href="https://www.instagram.com/nusgem2018/"><i class="fa fa-instagram instalogo"></i></a> | ||
+ | <a href="https://www.facebook.com/NUSGEM2018/"><i class="fa fa-facebook fblogo"></i></a> | ||
+ | <a href="mailto:nusigem@gmail.com"><i class="fa fa-envelope maillogo"></i></a> | ||
+ | </div> | ||
− | < | + | <div class="inner-border" style="background-image: none;"> |
− | <div class=" | + | <div style="text-align:center;"><a href="https://2018.igem.org/Team:NUS_Singapore-A"><img class='nus-logo' src='https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--TeamLogo.png' alt='nus logo'></a> |
− | + | </div> | |
− | < | + | |
− | + | <div class="nav" id="myNav"> | |
− | + | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn"> | ||
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-A" style="text-decoration: none; color: black;">HOME</a> | ||
+ | </button> | ||
+ | </div> | ||
− | <div class=" | + | <div class="dropdown"> |
− | <button class=" | + | <button class="dropbtn">PROJECT</button> |
− | <div class=" | + | <div class="dropdown-content"> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Description</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design">Design</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Results | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Results">Results</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Demonstrate | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Demonstrate">Demonstrate</a> |
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="dropdown"> | |
− | <div class=" | + | <button class="dropbtn">LAB</button> |
− | <button class=" | + | <div class="dropdown-content"> |
− | <div class=" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Notebook">Notebook</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Notebook | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Safety">Safety</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Safety | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/InterLab">InterLab Study</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/InterLab | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Measurement">Measurement</a> |
− | <a href=" | + | |
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="dropdown"> |
− | <button class=" | + | <button class="dropbtn">PARTS</button> |
− | <div class=" | + | <div class="dropdown-content"> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Part_Collection | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Part_Collection">Parts Overview</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Composite_Part | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Composite_Part">Composite Parts</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Improve | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Improve">Improved Parts</a> |
</div> | </div> | ||
</div> | </div> | ||
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model" | + | <div class="dropdown"> |
− | + | <button class="dropbtn"> | |
− | <div class=" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model" style="text-decoration: none; color: black;">MODEL</a> |
− | <button class=" | + | </button> |
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware | + | |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA! | + | <div class="dropdown"> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Sensor" | + | <button class="dropbtn">HARDWARE</button> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Pump" | + | <div class="dropdown-content"> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/CoJar" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware">Overview</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Futuristic_Bioreactor | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA!">PDF-LA!</a> |
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Sensor">Light Wait - 2-in-1 Sensor</a> | ||
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Pump">Light Wait - Peristaltic Pump</a> | ||
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/CoJar">Light Wait - Fermentation Chamber</a> | ||
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Futuristic_Bioreactor">Futuristic Bioreactor</a> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | <div class=" | + | <div class="dropdown"> |
− | <button class=" | + | <button class="dropbtn">HUMAN PRACTICES</button> |
− | <div class=" | + | <div class="dropdown-content"> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices">Integrated Human Practices</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Public_Engagement | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Public_Engagement">Education & Public Engagement</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborative_Report | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborative_Report">Collaborative Report</a> |
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | <div class=" | + | <div class="dropdown"> |
− | <button class=" | + | <button class="dropbtn">TEAM</button> |
− | <div class=" | + | <div class="dropdown-content"> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Team | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Team">Members</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Supervisors | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Supervisors">Supervisors</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Sponsors | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Sponsors">Sponsors</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Attributions | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Attributions">Attributions</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborations | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborations">Collaborations</a> |
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Gallery | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Gallery">Gallery</a> |
</div> | </div> | ||
</div> | </div> | ||
− | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals" | + | <div class="dropdown"> |
+ | <button class="dropbtn"> | ||
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals" style="text-decoration: none; color: black;">MEDAL</a> | ||
+ | </button> | ||
+ | </div> | ||
− | + | <a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a> | |
− | + | </div> | |
− | + | ||
− | <a href="javascript:void(0)" class=" | + | |
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!----------------------------------------SCRIPT FOR STICKY NAV BAR-------------------------------------------------> | <!----------------------------------------SCRIPT FOR STICKY NAV BAR-------------------------------------------------> | ||
Line 604: | Line 497: | ||
var yourNavigation = $(".nav"); | var yourNavigation = $(".nav"); | ||
stickyDiv = "sticky"; | stickyDiv = "sticky"; | ||
− | yourHeader = $('.logo').height()+ | + | yourHeader = $('.logo').height()+225; |
$(window).scroll(function() { | $(window).scroll(function() { | ||
Line 624: | Line 517: | ||
} | } | ||
} | } | ||
− | |||
− | |||
</script> | </script> | ||
Line 658: | Line 549: | ||
} | } | ||
</script> | </script> | ||
− | |||
− | |||
</body> | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 01:38, 18 October 2018
CONNECT WITH US