Difference between revisions of "Team:UI Indonesia/Modeling"

Line 1: Line 1:
−
<html lang="en">
 
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
Line 5: Line 4:
 
<meta name="keywords" content="arcade, architecture, onepage, creative, html">
 
<meta name="keywords" content="arcade, architecture, onepage, creative, html">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
 
−
    <title>NAMA WEB LU NANTI</title>
 
  
 
     <style>
 
     <style>

Revision as of 14:23, 24 June 2018

<head> <meta charset="UTF-8"> <meta name="description" content="Arcade - Architecture Template"> <meta name="keywords" content="arcade, architecture, onepage, creative, html"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

   <style>
       .bg {
           position: fixed;
           top: 0;
           left: 0;
           background: url(T--UI_Indonesia--bulb.png) repeat center center;
           z-index: 1;
           display: block;
           height: 100vh;
           width: 100vw;
       }
       .nav{
           position: sticky;
           top: 0;
           left: 0;
           width : 100vw;
           padding:12px 0px 0px 0px;
           display: block;
       }
       @import url(http://fonts.googleapis.com/css?family=Raleway);
       #cssmenu,
       #cssmenu ul,
       #cssmenu ul li,
       #cssmenu ul li a {
       margin: 0;
       padding: 0;
       border: 0;
       list-style: none;
       line-height: 1;
       display: block;
       position: relative;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       }
       #cssmenu:after,
       #cssmenu > ul:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0;
       }
       #cssmenu {
       width: auto;
       border-bottom: 3px solid #47c9af;
       font-family: Raleway, sans-serif;
       line-height: 1;
       }
       #cssmenu ul {
       background: #ffffff;
       }
       #cssmenu > ul > li {
       float: left;
       }
       #cssmenu.align-center > ul {
       font-size: 0;
       text-align: center;
       }
       #cssmenu.align-center > ul > li {
       display: inline-block;
       float: none;
       }
       #cssmenu.align-right > ul > li {
       float: right;
       }
       #cssmenu.align-right > ul > li > a {
       margin-right: 0;
       margin-left: -4px;
       }
       #cssmenu > ul > li > a {
       z-index: 2;
       margin-top: 12px;
       padding: 18px 25px 12px 25px;
       font-size: 15px;
       font-weight: 400;
       text-decoration: none;
       color: #444444;
       -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
       -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
       transition: all .2s ease;
       margin-right: -4px;
       }
       #cssmenu > ul > li.active > a,
       #cssmenu > ul > li:hover > a,
       #cssmenu > ul > li > a:hover {
       color: #ffffff;
       }
       #cssmenu > ul > li > a:after {
       position: absolute;
       left: 0;
       bottom: 0;
       right: 0;
       z-index: -1;
       width: 100%;
       height: 120%;
       border-top-left-radius: 8px;
       border-top-right-radius: 8px;
       content: "";
       -webkit-transition: all .2s ease;
       -o-transition: all .2s ease;
       transition: all .2s ease;
       -webkit-transform: perspective(5px) rotateX(2deg);
       -webkit-transform-origin: bottom;
       -moz-transform: perspective(5px) rotateX(2deg);
       -moz-transform-origin: bottom;
       transform: perspective(5px) rotateX(2deg);
       transform-origin: bottom;
       }
       #cssmenu > ul > li.active > a:after,
       #cssmenu > ul > li:hover > a:after,
       #cssmenu > ul > li > a:hover:after {
       background: #47c9af;
       }

       .dropdown {
       float: left;
       }

       .dropdown .dropbtn {
       font-size: 16px;    
       border: none;
       outline: none;
       color: black;
       padding: 14px 16px;
       background-color: inherit;
       font-family: inherit;
       margin: 0;
       }

       .dropdown-content {
       display: none;
       position: absolute;
       background-color: #f9f9f9;
       min-width: 160px;
       padding: 6px 8px;
       box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
       z-index: 1;
       }

       .dropdown-content a {
           float: none;
           color: black;
           text-decoration: none;
           display: block;
           text-align: left;
       }

       .dropdown-content a:hover {
       background-color: #ddd;
       }

       .dropdown:hover .dropdown-content {
       display: block;
       }
       .main{
           margin-top: 10px;
           width: 100vw;
           z-index: 2;
       }
       .content{
           display: inline-block;
           position: inherit;
           width: 100vw;
           background: rgba(255, 255, 255, 0.3);
           color: #ffffff;
           border-radius: 10px;
           padding: 5px;
           margin: 5px;
       }
       /* PLACEING YOUR STYLING HEEREEEE */
   </style>

</head> <body>

</body> </html>