Jcbltop test 190629 - Revision history

Yoshimoto: Created page with "{{Huge|LipidBank}} {{LB/Header}}
2019-06-28T09:23:14Z

Created page with "{{Huge|LipidBank}} {{LB/Header}} <!DOCTYPE html> <html> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta charset="UTF-8..."

New page
{{Huge|LipidBank}}
{{LB/Header}}

<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="UTF-8">
<title>JCBL</title>

<meta name="description" content="サイトの説明文">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/png" href="ファビコンのパス" />
<link rel="canonical" href="このページのURL">

<style type="text/css">
@charset "utf-8";
.no-gutter > [class='col-'] {
padding-right: 0;
padding-left: 0;
}
.bg-lightgreen {
background-color: #e6ede9;
}
.jumbotron {
background-image: url('http://jcbl.jp/mediawiki/images/thumb/4/4a/JCBL_Sample.png/800px-JCBL_Sample.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 350px;
}
.heading {
border-left: 6px solid #aaa;
padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">"
}
.footer-copyright {
width: 100%;
height: 60px;
line-height: 60px;
background-color: #f5f5f5;
}
.map iframe {
width: 100%;
height: 450px;
}

/ 大デバイス（デスクトップ, 992px 未満）
============================================== /
@media screen and (max-width: 991.98px) {
.footer-logo {
width: 100%;
}
} / END /

/ 中デバイス（タブレット, 768px 未満）
============================================== /
@media screen and (max-width: 767.98px) {
.gnav-item {
display: block;
width: 100%;
border: none;
}
.gnav-item+ .gnav-item {
border: none;
}
table th, table td {
padding: .25rem !important;
}
table th:first-child {
width: 25%;
}
} / END /

/ 小デバイス（縦向きモバイル, 576px 以上デスクトップ, 992px 未満）
============================================== /
@media screen and (min-width: 576px) and (max-width: 991.98px) {
#sec2 {
height: 500px;
}
} / END /

/ 小デバイス（縦向きモバイル, 576px 以上）
============================================== /
@media screen and (min-width: 576px) {
#sec2 .message {
position: absolute;
left: 0;
}
} / END */
</style>


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">





<body data-spy="scroll" data-taget="#navbar">
<div class="container">
The Japanese Conference on the Biochemistry of Lipids (JCBL)
<div class="header-box d-flex flex-row align-items-center py-2 px-0">

<div><span class="h2 font-weight-bold">日本脂質生化学会</span></div>

<div class="header-menu-box col-md-9 d-flex flex-row align-items-center justify-content-end p-0">

<div class="ml-4">
<a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">ご寄付・ご協賛</button></a>
</div>

<div class="ml-4">
<a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">お問い合わせ</button></a>
</div>
</div>
</div>
</div>
<div class="navbar-box bg-dark">
<div class="bg-dark container">
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar" aria-controls="Navbar" aria-expanded="false" aria-label="ナビゲーションの切替">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav text-md-center nav-justified w-100">
<li class="nav-item"><a class="nav-link" href="#sec1">当学会について</a></li>
<li class="nav-item"><a class="nav-link" href="#sec2">研究集会</a></li>
<li class="nav-item"><a class="nav-link" href="#sec3">機関誌</a></li>
<li class="nav-item"><a class="nav-link" href="#sec4">お知らせ</a></li>
<li class="nav-item"><a class="nav-link" href="#sec5">入会・各種申請</a></li>
<li class="nav-item"><a class="nav-link" href="#sec6">Lipidbank<br>公式データベース</a></li>

</ul>
<div class="text-white text-center d-md-none mt-3"> <small></small><br>
<span class="tel h2 font-weight-bold text-white"></span></div>
</div>
</nav>
</div>
</div>



<div class="jumbotron jumbotron-fluid mb-0">
<div class="container">




</div>
</div>



<section class="container py-5" id="sec1">
<div class="mb-3">
<h2 class="heading d-inline-block mr-2">お知らせ</h2>

</div>

<div class="align-middle d-block d-md-inline-block pb-2"><span class="bg-secondary p-2 mr-2 text-white rounded">2019/1/30</span>
<p class="d-block d-md-inline-block text-secondary">[学会大会] 第61回日本脂質生化学会のご案内</p>
</div>
<br>
<div class="align-middle d-block d-md-inline-block pb-2"><span class="bg-secondary p-2 mr-2 text-white rounded">2019/1/30</span>
<p class="d-block d-md-inline-block text-secondary">[学会大会] ICBL2019 (第60回国際脂質生物学会議）開催のお知らせ</p>
</div>
<br>
<div class="align-middle d-block d-md-inline-block pb-2"><span class="bg-secondary p-2 mr-2 text-white rounded">2019/1/30</span>
<p class="d-block d-md-inline-block text-secondary">[お知らせ] 第38回日本糖質学会年会への後援について</p>
</div>

<div class="row">
<div class="col-md-6 col-lg-4">
<div class="mb-3 card text-center shadow-sm">
<div class="card-body pt-0">
<h4 class="card-title"><br>第61回日本脂質生化学会<br>演題登録ページ</h4>
</div>
</div>
</div>

<div class="col-md-6 col-lg-4">
<div class="mb-3 card text-center shadow-sm">
<div class="card-body pt-0">
<h4 class="card-title"><br>第61回日本脂質生化学会<br>大会案内ページ</h4>
</div>
</div>
</div>
</div>
</div>
</section>



<section class="py-5 bg-light" id="sec7">
<div class="container">
<div class="mb-3">
<h2 class="heading d-inline-block mr-2">日本脂質生化学会について</h2>
<br>
<br>
<p>日本本脂質生化学会は、脂質の化学的、生化学的研究の発展と向上を図り、研究者相互の連絡および親睦を深めることを目的としています。
<br>
前身として日本脂質生化学研究会が昭和36年に設立され、それ以来およそ60年におよぷ伝統と歴史を持った学会です。
<br>
脂質を専門領域とする研究者はもちろん、他分野の研究者で
<br>
<b>「脂質からのアプローチをしてみたい」</b>
<br>
<b>「脂質の基礎的な研究成果とのコラポレーションを検討したい」</b>
<br>
とお考えの皆さまにもご参加をいただき、活発な研究活動を通じて世界の脂質研究をリードしていきたいと考えております。</p>
</div>

<div class="row">
<div class="col-md-6 col-lg-4">
<div class="mb-3 card shadow-sm">
<div class="p-3"><img src="http://jcbl.jp/mediawiki/images/b/b1/Test_img.jpg" class="w-100"> </div>
<div class="card-body pt-0">
<h4 class="mb-0">ごあいさつ</h4>
<span class="d-block text-muted mb-3">サブタイトル・説明</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="mb-3 card shadow-sm">
<div class="p-3"> <img src="http://jcbl.jp/mediawiki/images/b/b1/Test_img.jpg" class="w-100"> </div>
<div class="card-body pt-0">
<h4 class="mb-0">活動内容</h4>
<span class="d-block text-muted mb-3">サブタイトル・説明</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="mb-3 card shadow-sm">
<div class="p-3"> <img src="http://jcbl.jp/mediawiki/images/b/b1/Test_img.jpg" class="w-100"> </div>
<div class="card-body pt-0">
<h4 class="mb-0">歴史・沿革</h4>
<span class="d-block text-muted mb-3">サブタイトル・説明</span>
</div>
</div>
</div>

<a href="contact/index.html" type="button" class="btn btn-outline-secondary btn-white btn-block btn-lg">入会・各種申請</a>
<a href="contact/index.html" type="button" class="btn btn-outline-secondary btn-white btn-block btn-lg">ご寄付・ご協賛</a>
</section>



<section class="container py-5" id="sec5">
<div class="container" >
<div class="mb-3">
<h2 class="heading d-inline-block mr-2">協賛企業</h2>
</div>
<div class="card-columns">
<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>

<div class="card p-3 shadow-sm">
<img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
</div>
</div>
</div>
</section>



<section class="py-5 bg-light" id="sec7">
<div class="container">
<div class="mb-3">
<h2 class="heading d-inline-block mr-2">関連リンク</h2>
</div>
<div class="card-columns">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
</div>
<div class="card-columns">
<br>
</div>
<div class="card-columns">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
<img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
</div>
</section>


<footer>
<section class="container py-5" id="sec8">
<div class="container">
Japanese Conference on the Biochemistry of Lipids
<div><span class="h2 font-weight-bold">日本脂質生化学会</span></div>
<br>
<div><span class="small">
<table cellpadding="6">
<tr>

<td width="150" valign="top"> <a href="index.html">当学会について</a>
<ul>
<li><a href="index.html">ごあいさつ</a></li>
<li><a href="index.html">企業理念</a></li>
<li><a href="index.html">CSR活動</a></li>
<li><a href="index.html">IR情報</a></li>

</ul>
</td>

<td width="200" valign="top"> <a href="index.html">研究集会</a>
<ul>
<li><a href="index.html">直近の日本脂質生化学会</a></li>
<li><a href="index.html">過去の日本脂質生化学会</a></li>

</ul></td>

<td width="150" valign="top"> <a href="index.html">機関誌</a>

</ul></td>

<td width="150" valign="top"> <a href="index.html">お知らせ</a>
<ul>

</ul></td>

<td width="200" valign="top"> <a href="index.html">入会・各種申請</a>
<ul>
<li><a href="index.html">入会案内</a></li>
<li><a href="index.html">情報変更・大会</a></li>

</ul>

</td>

<td width="140" valign="top"> <a href="index.html">Lipidbank公式データベース</a>
<ul>
<li><a href="index.html">旧Lipidbankデータベース</a></li>
<li><a href="index.html">新Lipidbankデータベース</a></li>
<li><a href="index.html">リポクオリティデータベース</a></li>

</ul>

</td>
</tr>
</table>
<div class="ml-4" style="text-align:right">
<a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">ご寄付・ご協賛</button></a>

<a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">お問い合わせ</button></a>
</div></td>

</div>
</div>
</section>

<div class="footer footer-copyright text-center bg-dark text-light"> <span class="small">2019 © The Japanese Conference on the Biochemistry of Lipids (JCBL) All Rights Reserved.</span>
<div class="float-right bg-secondary col-sm-1"> <a href="#"> <i class="fas fa-arrow-up text-light"></i> </a> </div>
</div>
</footer>
</body>
</html>