Difference between revisions of "Team:IIT Delhi/standardpage introduction"

 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<link rel="stylesheet" href="https://2015.igem.org/Team:IIT_Delhi/basecss?action=raw&ctype=text/css" type="text/css" />
+
<head>
<link rel="stylesheet" href="https://2015.igem.org/Team:IIT_Delhi/middlerightcss?action=raw&ctype=text/css" type="text/css" />
+
<style>
  
<div class="container">
+
/*--------------Global/content start----------------*/
 +
#content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: white;
 +
margin: 0px;
 +
padding: 0px;
  
<h2>Meet the <strong>Team</strong></h2>
+
}
<ul class="nav nav-pills sort-source" data-sort-id="team" data-option-key="filter"></ul>
+
 
<hr />
+
 
</div>
+
/*--------------Global end------------------*/
</div>
+
 
 +
        #intro{
 +
        border: 5px solid red;
 +
        margin-left:200px;
 +
        margin-right:10px;
 +
        }
 +
 
 +
td{
 +
padding:10px 35px;
 +
text-aling:justify;
 +
        }
 
 
<div class="container">
+
        td.det{
<table>
+
width:80%;
<tr>
+
        }
+
<td class="det" align="right">
+
        h3{
<h3>DR. RAJESH PRASAD<br><small>PROFESSOR CO-ORDINATOR, NSS IIT Delhi</small></h3>
+
font-weight:bold;
Professor<br />
+
}
Department of Applied Mechanics<br />
+
Indian Institute of Technology Delhi<br/>
+
        img.team{
<strong>Email: <a href="mailto:rajesh@am.iitd.ac.in">rajesh@am.iitd.ac.in</a></strong><br />
+
background-color: #B0B0B0;
</td>
+
border: 5px solid transparent;
<td><img class="team" src="img/team/rp.jpg" height="200px" width="200px"></td>
+
        height:200px;
</tr>
+
width:200px;
</table>
+
}
<table>
+
<tr>
+
<td><img class="team" src="img/team/jyoti.jpg" height="200px" width="200px"></td>
+
<td class="det">
+
<h3 align="left">Jyoti Jain<br><small>Team Mentor</small></h3>
+
A simple person who loves spreading smiles all around. I am fond of exploring new places and playing around with new things. I look forward to take small steps to meet bigger challenges at the same time a great believer of a secret spirit that helps you walk through and reach your destination.
+
<br /><br />
+
</td>
+
+
</tr>
+
</table>
+
  
 +
/* Page Top */
 +
section.page-top {
 +
background-color: #171717;
 +
border-bottom: 5px solid #CCC;
 +
border-top: 5px solid #384045;
 +
margin-bottom: 35px;
 +
margin-top: 15px;
 +
min-height: 50px;
 +
padding: 0;
 +
padding: 20px;
 +
position: relative;
 +
text-align: left;
 +
}
  
 +
section.page-top ul.breadcrumb {
 +
background: none;
 +
margin: -3px 0 0;
 +
padding: 0;
 +
}
 +
 +
section.page-top ul.breadcrumb > li {
 +
text-shadow: none;
 +
}
 +
 +
section.page-top h2 {
 +
border-bottom: 5px solid #CCC;
 +
color: #FFF;
 +
display: inline-block;
 +
font-weight: 200;
 +
margin: 0 0 -25px;
 +
min-height: 37px;
 +
padding: 0 0 17px;
 +
position: relative;
 +
}
 +
 +
/* Page Top Custom - Create your Own */
 +
section.page-top.custom-product {
 +
background: #999;
 +
border-top: 5px solid #888;
 +
}
 +
 +
section.page-top.custom-product div.row {
 +
position: relative;
 +
}
 +
 +
section.page-top.custom-product p.lead {
 +
color: #CCC;
 +
}
 +
 +
section.page-top.custom-product img {
 +
bottom: -20px;
 +
position: absolute;
 +
right: 0;
 +
}
 +
 +
section.page-top.custom-product h1 {
 +
color: #FFF;
 +
margin-bottom: 10px;
 +
margin-top: 30px;
 +
}
 +
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:IIT_Delhi/CSS_bootstrap?action=raw&ctype=text/css" type="text/css"/>
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div id="intro">
 +
<div role="main" class="main">
 +
 +
<section class="page-top">
 +
    <div class="container">
 +
<div class="span12">
 +
<ul class="breadcrumb" style:"text-decoration:none;">
 +
        <a href="index.html">Home</a> <span class="divider">/</span>
 +
        Team
 +
</ul>
 +
<h2>Current Team</h2>
 +
    </div>
 +
      </div>
 +
</section>
 +
 +
<div class="container">
 +
 +
    <h2>Meet the <strong>Team</strong></h2>
 +
<ul class="nav nav-pills sort-source" data-sort-id="team" data-option-key="filter"></ul>
 +
    <hr />
 +
</div>
 +
</div>
 +
 +
<div class="container">
 +
    <table>
 +
<tr>
 +
<td class="det" align="right">
 +
<h3>ABC<br><small>BBBBBBBBBBBB</small></h3>
 +
content content
 +
        </td>
 +
<td><img class="team" src="img/p.jpg" height="200px" width="200px"></td>
 +
</tr>
 +
      </table>
 +
 +
                      <table>
 +
  <tr>
 +
    <td><img class="team" src="img/t.jpg" height="200px" width="200px"></td>
 +
<td class="det">
 +
<h3 align="left">DEF<br><small>BBBBBBBB</small></h3>
 +
content content
 +
<br />
 +
                                        <br />
 +
</td>
 +
</tr>
 +
</table>
 +
        </div>
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 18:34, 11 September 2015

Current Team

Meet the Team


ABC
BBBBBBBBBBBB

content content

DEF
BBBBBBBB

content content