|
|
Line 221: |
Line 221: |
| html代码不在乎多个空格,仅显示一个 | | html代码不在乎多个空格,仅显示一个 |
| --> | | --> |
− | <h1>一句短语概括整个页面,不要用overview这类无实际意义的词或词组</h1>
| |
− | <div class="column full_size">
| |
− | <p>页面摘要,或者是单项奖核心点 Our project aims at converting engineered Our project aims at converting engineered
| |
− | Our project aims at converting engineered Our project aims at converting engi
| |
− | neered Our project aims at converting engineered
| |
− | Our project aims at converting engineered Our project aims at converting engineered
| |
− | Our project aims at converting engineered </p>
| |
− | </div>
| |
| | | |
− | <div class="clear extra_space"></div><!-- 一个章节结束需要clear来留白 如果觉得内容间差异大再加上extra_space -->
| |
| | | |
− | <h2>每个章节标题用h2 为了搜索引擎全页面只能一个h1标签</h2>
| |
− | <div class="column two_thirds_size">
| |
− | <img src="https://static.igem.org/mediawiki/2020/8/8b/T--Fudan--map_2.svg" alt="map of calcium intake" />
| |
− | </div>
| |
− | <div class="column third_size">
| |
− | <p>在宽屏,这部分内容占页面1/3;窄屏就是全幅。添加了column同时 图2/3 + 字1/3 正好宽屏的一幅。 China has an estimated 70 million osteo
| |
− | porosis patien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| |
− | oporosis patienChina has an estimated 70 million osteoporosis patien</p>
| |
− | </div>
| |
− | <div class="clear"></div><!-- 一个章节结束需要clear来留白 -->
| |
| | | |
− | <h2>每个章节标题用h2 为了搜索引擎全页面只能一个h1标签</h2> | + | <h1>Partnership: Working with TJUSLS for better human health</h1> |
− | <div class="column half_size">
| + | <h3>How did we meet</h3> |
− | <img src="https://static.igem.org/mediawiki/2020/8/8b/T--Fudan--map_2.svg" alt="map of calcium intake" />
| + | |
− | </div>
| + | |
− | <div class="column half_size">
| + | |
− | <p>在宽屏,这部分内容占页面1/2;窄屏就是全幅。添加了column同时 图1/2 + 字1/2 正好宽屏的一幅。这个代码不在 https://2020.igem.org/Resources/Template_Documentation 但是是支持的 China has an estimated 70 million osteo
| + | |
− | porosis patien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis patien</p>
| + | |
− | </div>
| + | |
− | <div class="clear"></div><!-- 一个章节结束需要clear来留白 -->
| + | |
− | | + | |
− | <h2>每个章节标题用h2 为了搜索引擎全页面只能一个h1标签</h2>
| + | |
− | <div class="column third_size">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/8/8b/T--Fudan--map_2.svg" alt="map of calcium intake" />
| + | |
− | </div>
| + | |
− | <div class="column two_thirds_size">
| + | |
− | <p>在宽屏,这部分内容占页面1/3;窄屏就是全幅。添加了column同时 图1/3 + 字2/3 正好宽屏的一幅。 China has an estimated 70 million osteo
| + | |
− | porosis patien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis patien</p>
| + | |
− | </div>
| + | |
− | <div class="clear"></div><!-- 一个章节结束需要clear来留白 -->
| + | |
− | | + | |
− | <div class="column full_size"><!-- 全幅面的文字内容,上面是否留白可选 -->
| + | |
− | <p>However, for the Chinese population, the bottlenecks are
| + | |
− | as follows:
| + | |
− | </p>
| + | |
− | <ol>
| + | |
− | <li>注意这里列表的写法 页面字会变深 突出内容 ol是编数字的 nts</li>
| + | |
− | <li>calcium-supplementing pills daste</li>
| + | |
− | <li>The body's absorptioes as calcium intake increases</li>
| + | |
− | <li>Vegetables conta列表的写法 页面字会变深 突出内容 ol是编数字的 ul是没有标数字的列表 </li>
| + | |
− | </ol>
| + | |
− | <p>
| + | |
− | However, the currently popular calcium supplement method on the market is either to adjust diet or to consume a lot of calcium supplementing pills. For the elderly, they suffer from poor memory or neglect the importance of calcium pills, often forgetting to consume the supplement; for children, they often refuse to take calcium pills or to maintain some diet high in calcium, thus requiring the "liquid calcium" method to ensure sufficient calcium intake. Ho可以 继续大段内容
| + | |
− | </p>
| + | |
− | | + | |
− | | + | |
− | <div class="highlight decoration_background decoration_A_top">
| + | |
− | <p>
| + | |
− | 章节内容的分段就用p开p关,额外需要关注的可以套一个highlight的框,有多种版本
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <p>
| + | |
− | 章节内容的分段就用p开p关
| + | |
− | </p>
| + | |
− | <div class="highlight decoration_B_full">
| + | |
− | <p>
| + | |
− | 章节内容的分段就用p开p关,额外需要关注的可以套一个highlight的框,细看 https://2020.igem.org/Resources/Template_Documentation#highlight
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <p>
| + | |
− | 章节内容的分段就用p开p关
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | 章节内容的分段就用p开p关 <a href="https://URL"> EXAM 外部链接 href尽量使用https </a>
| + | |
− | </p>
| + | |
− | <ul>
| + | |
− | <li>注意这里列表的写法 页面字会变深 突出内容 ul是没有标数字的列表 nts</li>
| + | |
− | <li>calcium-supple menting pills don’t haat taste</li>
| + | |
− | <li>Vegetables conta列表的写法 页面字会变深 突出内容 ol是编数字的 ul是没有标数字的列表 </li>
| + | |
− | </ul>
| + | |
− | <p>
| + | |
− | 章节内容的分段就用p开p关
| + | |
− | </p>
| + | |
− | </div><!-- 每个幅面结束都需要 关div -->
| + | |
− | | + | |
− | <div class="clear extra_space"></div><!-- 一个章节结束需要clear来留白 如果觉得内容间差异大再加上extra_space -->
| + | |
− | | + | |
− | <h2>又来个章节 sis</h2> | + | |
| <div class="column full_size"> | | <div class="column full_size"> |
− | <p>引入文字 ion.</p>
| + | <p>We work with TJUSLS as a partner whose program focuses on the degradation of plastic through the enzyme. As a team that pays attention to the environment, they realize the affection of the environment on human health, and they hoped that they could popularize science in synthetic biology and human health. Such an idea is the same as us - a team focuses on human health (especially the elderly’s health). </p> |
− | <p>Firstly, the product is designed for oral use and our target user is the elderly. 英文分项不需要ol或ul</p>
| + | |
− | <ol>
| + | |
− | <li>The produc</li>
| + | |
− | <li>The short pep</li>
| + | |
− | <li>The expression level of short peptides has a threshold, preventing any excessive calcium absorption that might lead to hypercalcemia 注意句子超长后的回折</li>
| + | |
− | <li>There is a kill swit.</li>
| + | |
− | </ol>
| + | |
− | | + | |
− | <p>
| + | |
− | Based on relevant research, the product is exp 章节内分段 ina. tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis pat
| + | |
− | </p>
| + | |
− | | + | |
− | <p>Compared w 章节内分段 ique advantages tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis pat tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis pat tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis pat.
| + | |
− | </p>
| + | |
− | | + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th> Header 1 这是igem hq的表格的写法 </th> <th> Header 2 </th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td> Content A 1 </td> <td> Content B 1 </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td> Content A 2 </td> <td> Content B 2 这是igem hq的表格的写法。表格都需要说明,之前之后都会有p来文字 </td>
| + | |
− | </tr>
| + | |
− | </table>
| + | |
− | | + | |
− | <p></p><!-- 无文字p是换行隔开,在关闭的html元素间回车是没有用的 -->
| + | |
− | | + | |
− | <table class="striped"><!-- 这是另一个版本的表格,间隔行有阴影。一个页面不建议交叉两种格式。太宽表格可以加 responsive-table 方便窄屏 -->
| + | |
− | <tr>
| + | |
− | <th>Name</th> <th>Item Name</th> <th>Item Price</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Alvin</td> <td>Eclair</td> <td>$0.87</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Alan</td> <td>Jellybean</td> <td>$3.76</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Jonathan</td> <td>Lollipop</td> <td>$7.00</td>
| + | |
− | </tr>
| + | |
− | </table>
| + | |
− | | + | |
− | <p>Calciu 章节内分段 fety. tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estima
| + | |
− | ted 70 million osteoporosis pat tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 mill
| + | |
− | ion osteoporosis pattien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| + | |
− | oporosis patienChina has an estimated 70 million osteoporosis pat
| + | |
− | </p>
| + | |
− | | + | |
− | <p>From the us 章节内分段 etition.</p>
| + | |
| </div> | | </div> |
− | | + | <div class="column full_size"> |
− | <div class="clear"></div><!-- 一个章节结束需要clear来留白 -->
| + | <img style="width:80%;text-align:center;" src="https://static.igem.org/mediawiki/2020/thumb/6/69/T--Fudan--P1_avec%E5%A4%A9%E6%B4%A5%E5%A4%A7%E5%AD%A6%E8%AE%A8%E8%AE%BA1.png/1599px-T--Fudan--P1_avec%E5%A4%A9%E6%B4%A5%E5%A4%A7%E5%AD%A6%E8%AE%A8%E8%AE%BA1.png" alt="lab tour"> |
− | | + | |
− | <h2>再来例子 Market Analysis</h2>
| + | |
− | <div class="column half_size">
| + | |
− | <p>文本在左侧一半,宽屏 According to the Chinese Dietetic Sociietary Nutrient Intakes of Chinese Residents", the calcium requirement for infants and young children increases with age, from 300mg/day to 800mg/day, and the calcium requirement for adolescents reaches 1000mg/day. The amof the required intake, with the small exception of some coastal and pastoral areas 图片在右侧一半</p> | + | |
− | | + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th> 这是igem hq的表格的写法 </th> <th> Header 2 </th> <th> Header 3 </th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td> Content A 1 </td> <td> Content B 1 </td> <td> Content C 1 </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td colspan=2> 列融合 </td> <td> Content C 2 这是igem hq的表格的写法。半幅或者2/3幅可以用。<br/>行融合<br/>就<br/>用br了 </td>
| + | |
− | </tr>
| + | |
− | </table>
| + | |
− | | + | |
− | </div>
| + | |
− | <div class="column half_size">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/0/00/T--Fudan--calcium_intake_graph.svg" alt="calcium intake graph">
| + | |
| </div> | | </div> |
| + | <div class="clear extra_space"></div> |
| | | |
− | <div class="clear extra_space"></div><!-- 一个章节结束需要clear来留白 因为马上最后一幅,建议extra_space -->
| |
− |
| |
− | <div class="column full_size">
| |
− | <p>每页结束需要小结,可以 ul ol 列表highlight,可以是每页第一段的另一种写法fety. tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| |
− | oporosis patienChina has an estima
| |
− | ted 70 million osteoporosis pat tien China has an estimated 70 million osteoporosis patien China has an estimated 70 million osteoporosis patienChina has an estimated 70 million oste
| |
− | oporosis patienChina has an estimated 70 mi 每页结束需要小结,可以 ul ol 列表highlight,可以是每页第一段的另一种写法</p>
| |
− | </div>
| |
| | | |
− | <div class="column full_size"><div id="FudanSignature">
| |
− | <p>Signature: <a href="/Team:Fudan/Attributions#YaoYY" class="z-depth-2">Yiyang</a>
| |
− | </p>
| |
− | </div></div>
| |
| | | |
| + | |
| <!-- 此处以上可更改 | | <!-- 此处以上可更改 |
| 此处以下不需要更改 | | 此处以下不需要更改 |