For innovative bamboo use
:root {
–gov-deep-teal: #138275;
–gov-navy: #002c52;
–gov-bg: #f8fafb;
–gov-border: #ccd6dd;
–text-main: #2c3e50;
}
.portal-wrapper {
background-color: var(–gov-bg);
padding: 40px 0;
font-family: ‘Segoe UI’, sans-serif;
}
.portal-container {
max-width: 1100px;
margin: auto;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.portal-card {
background: #fff;
border: 1px solid var(–gov-border);
border-top: 6px solid var(–gov-deep-teal);
display: flex;
flex-direction: column;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.card-inner {
padding: 25px;
}
.card-inner h3 {
color: var(–gov-navy);
font-size: 1.25rem;
font-weight: 800;
}
/* SLIDER */
.img-frame {
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
}
.slider-container {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
height: 100%;
}
.slider-container::-webkit-scrollbar { display: none; }
.slider-item {
flex: 0 0 100%;
width: 100%;
scroll-snap-align: start;
}
.slider-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* ARROWS */
.slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.4);
color: #fff;
border: none;
padding: 10px 14px;
cursor: pointer;
z-index: 2;
font-size: 18px;
}
.slider-btn.left { left: 10px; }
.slider-btn.right { right: 10px; }
.slider-btn:hover {
background: rgba(0,0,0,0.7);
}
/* DATA */
.data-row { margin-bottom: 12px; font-size: 14.5px; color: var(–text-main); }
.data-label { font-weight: 800; color: var(–gov-deep-teal); display:block; font-size: 15px; }
.action-footer {
padding: 20px;
}
.gov-btn {
background: var(–gov-deep-teal);
color: #fff;
padding: 12px;
text-decoration: none;
display: block;
text-align: center;
}
@media (max-width: 850px) {
.portal-container { grid-template-columns: 1fr; }
.img-frame { height: 200px; }
}
Bamboo Pavement
Fukuoka University
RepresentativeKenichi Sato
(Professor, Department of Social Design Engineering, Faculty of Engineering, Fukuoka University)
Mob : +81 92-871-6631 extension (6464)
Email: sato@fukuoka-u.ac.jp
Bamboo Green House
Kyoto University
Contact Representative Hirohide Kobayashi
(Professor,Graduate School of Global Environmental Studies, Kyoto University)
Address: Yoshida-honmachi, Sakyo-ku, Kyoto 606-8501, Japan
Website
|
Bamboo Green House Facebook
Bamboo Animal Feed
Kagoshima University
Contact RepresentativeIchiro Oshima
(Professor, Laboratory of Animal feeding and management, Joint Faculty of Veterinary Medicine, Kagoshima University )
Bamboo Charcoal And Vinegar Products
Bamboo Fiber, Detergent And Vinegar Products
document.querySelectorAll(‘.img-frame’).forEach(frame => {
const slider = frame.querySelector(‘.slider-container’);
const next = frame.querySelector(‘.right’);
const prev = frame.querySelector(‘.left’);
next.onclick = () => slider.scrollBy({ left: slider.clientWidth, behavior: ‘smooth’ });
prev.onclick = () => slider.scrollBy({ left: -slider.clientWidth, behavior: ‘smooth’ });
let t;
slider.addEventListener(‘scroll’, () => {
clearTimeout(t);
t = setTimeout(() => {
const i = Math.round(slider.scrollLeft / slider.clientWidth);
slider.scrollTo({ left: i * slider.clientWidth, behavior: ‘smooth’ });
}, 80);
});
});
We’re here to help — contact us anytime
