Difference between revisions of "Team:TAS Taipei/Team"

Line 15: Line 15:
 
             background: #f3f4f4;
 
             background: #f3f4f4;
 
         }
 
         }
−
@import url('https://fonts.googleapis.com/css?family=Roboto:500');
 
−
* {
 
−
    box-sizing: border-box;
 
−
    -moz-box-sizing: border-box;
 
−
    -webkit-box-sizing: border-box;
 
−
    margin: 0;
 
−
}
 
−
 
−
body {
 
−
    overflow-y: ;
 
−
}
 
−
 
−
.box2 {
 
−
    z-index: 10;
 
−
    width: 67vh;
 
−
    height: 12.5vh;
 
−
    padding top: 0;
 
−
    padding-right: 3%;
 
−
    padding-bottom: 5%;
 
−
    position: fixed;
 
−
}
 
−
 
−
.boxes2 {
 
−
    margin-left: -345px;
 
−
    transition: all .5s ease;
 
−
}
 
−
 
−
.boxes2:hover {
 
−
    margin-left: 0;
 
−
}
 
−
 
−
html,
 
−
body {
 
−
    bottom: 0;
 
−
    padding: 0;
 
−
}
 
−
 
−
.box2>h1 {
 
−
    padding-bottom: 1vh;
 
−
    padding-top: 0;
 
−
    text-align: right;
 
−
    font-family: 'Roboto', sans-serif;
 
−
    color: white;
 
−
    vertical-align: middle;
 
−
    font-size: 5.3vh;
 
−
}
 
−
 
−
.box:hover>.box2 {
 
−
    z-index: 999;
 
−
}
 
−
 
−
.boxes2:hover+.boxes2 {
 
−
    z-index: 999;
 
−
}
 
−
 
−
#project {
 
−
    bottom: 87.5vh;
 
−
    background-color: #fe4365;
 
−
}
 
−
 
−
#experiment {
 
−
    bottom: 75vh;
 
−
    background-color: #FD7080;
 
−
}
 
−
 
−
#modeling {
 
−
    bottom: 62.5vh;
 
−
    background-color: #fc9d9a;
 
−
}
 
−
 
−
#prototype {
 
−
    bottom: 50vh;
 
−
    background-color: #FBB5A4;
 
−
}
 
−
 
−
#policy {
 
−
    bottom: 37.5vh;
 
−
    background-color: #f9cdad;
 
−
}
 
−
 
−
#biosafety {
 
−
    bottom: 25vh;
 
−
    background-color: #c8c8a9;
 
−
}
 
−
 
−
#about {
 
−
    bottom: 12.5vh;
 
−
    background-color: #A6BCA2;
 
−
}
 
−
 
−
#acknowledgments {
 
−
    bottom: 0vh;
 
−
    background-color: #83af9b;
 
−
}
 
−
 
−
#project:hover,
 
−
#experiment:hover,
 
−
#modeling:hover,
 
−
#prototype:hover,
 
−
#biosafety:hover,
 
−
#about:hover,
 
−
#policy:hover,
 
−
#acknowledgments:hover {
 
−
    background-color: #424242;
 
−
}
 
−
 
−
img {
 
−
    vertical-align: center;
 
−
    z-index: 9;
 
−
    left: 10px;
 
−
}
 
−
 
−
#dna {
 
−
    margin-left: 4vh;
 
−
    margin-top: 1vh;
 
−
    margin-right: 1vh;
 
−
    height: 6vh;
 
−
    width: 6vh;
 
−
}
 
−
 
−
#title {
 
−
    display: inline-block;
 
−
    padding-left: 100vh;
 
−
}
 
−
 
−
* {
 
−
    box-sizing: border-box;
 
−
    font-family: 'Roboto', sans-serif;
 
−
}
 
−
 
−
html,
 
−
body {
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    background: white;
 
−
    position: relative;
 
−
}
 
−
 
−
html:after {
 
−
    content: "";
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    background: white;
 
−
    position: absolute;
 
−
    bottom: 0;
 
−
    left: 0;
 
−
    right: 0;
 
−
    z-index: 2;
 
−
}
 
−
 
−
.cv {
 
−
    width: 100%;
 
−
    margin: 100px auto;
 
−
    /*  if 1: all margins. if 2: top&bottom left&right. if 4: top left bottom right
 
−
        auto makes it auto center
 
−
    */
 
−
    background: white;
 
−
    position: relative;
 
−
    z-index: 3;
 
−
    box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, .5);
 
−
    /* x(px) y(px) blur(px) expand(px) color
 
−
      you can have 2 shadows
 
−
    */
 
−
    padding-left: 9.1vw;
 
−
}
 
−
 
−
header,
 
−
.main,
 
−
footer {
 
−
    padding: 10px 30px;
 
−
}
 
−
 
−
header {
 
−
    padding-top: 10px;
 
−
    padding-bottom: 20px;
 
−
    background: #ddd;
 
−
}
 
−
 
−
.main {
 
−
    background: white;
 
−
}
 
−
 
−
footer {
 
−
    background: #f9cdad;
 
−
    padding-bottom: 20px;
 
−
    color: black;
 
−
}
 
−
 
−
.name {
 
−
    font-size: 50px;
 
−
    letter-spacing: 3px;
 
−
    text-decoration: underline;
 
−
}
 
−
 
−
.intro>h1 {
 
−
    margin: 10px;
 
−
    margin-left: 0px;
 
−
    text-decoration: underline;
 
−
}
 
−
 
−
.intro>h2,
 
−
.intro>h3,
 
−
.intro>h4,
 
−
.intro>p {
 
−
    margin: 5px;
 
−
    margin-left: 0px;
 
−
}
 
−
 
−
.job {
 
−
    padding-top: 5px;
 
−
    padding-bottom: 5px;
 
−
    border-bottom: 1px solid #222;
 
−
}
 
−
 
−
.job:last-child {
 
−
    border-bottom: none;
 
−
}
 
−
 
 
     </style>
 
     </style>
 
</head>
 
</head>

Revision as of 02:00, 12 June 2017

<!DOCTYPE html> About Us


PROJECT



EXPERIMENTS



MODELING



PROTOTYPE



HUMAN PRACTICES



BIOSAFETY



ABOUT US



ATTRIBUTIONS


William Chen

Current Occupation: Student

Intro

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium et maiores reiciendis molestiae. Veritatis fuga optio perspiciatis natus quidem dolorem facilis similique. Cumque harum eius odio aspernatur rerum quae non expedita fugit error dicta ad nam beatae, officiis dolorem dolore quos quidem. Esse quasi voluptas dicta, aspernatur fugit nihil at.

Experience List

Baby

Company Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto aliquam voluptatum, reiciendis. Inventore libero, eveniet vitae nemo, laudantium, excepturi eaque tempore officiis quibusdam animi recusandae modi neque unde, aliquid nihil.

Toddler

Company Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius quod, maxime adipisci, eligendi omnis dolore error minus natus, perspiciatis dignissimos magnam commodi quis aliquam nihil velit ullam laboriosam odit inventore?

Middle School Student

Company Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia perferendis libero dolores maxime nemo numquam fugiat quidem, temporibus maiores deserunt expedita animi possimus natus, vel, modi aspernatur perspiciatis suscipit nostrum!

Contact

+886 981 009 249

williamc18113825@tas.tw