環境にやさしいエコテーマでプレゼンをアップグレード: Custom Eco-Friendly

image0 image1

このテーマの特徴

Custom Eco-Friendly Marpテーマの特徴:

全体的なスタイル: * 背景色は淡いグリーン (#f5f5f5) を基調とし、自然や環境保護を連想させます。

タイトルスライド(section.title): * 背景色はミントグリーン (#c6d4dc) で、ネイビーブルーの文字を使用しています。 * タイトルは中央に配置され、大きく表示されます(48pt)。 * サブタイトルや説明文も 中央に配置され、控えめなフォントサイズ(20pt)を使用しています。

セクション: * 背景色は淡いグリーン (#f5f5f5) です。 * 余白が広く取られており(48px 32px)、コンテンツが読みやすくなっています。 * フォントサイズは 24pt で、見やすさと読みやすさを両立しています。

このテーマを利用する

CSS

/* @theme Custom Eco-Friendly */
@import default;

section {
  display: flex;
  flex-direction: column;
  padding: 48px 32px;
  background-color: #f5f5f5;
  font-size: 24pt;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 32px 0;
  background: #1a2534;
  color: #ffffff;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  background-color: #f5f5f5;
  color: #1a2534;
  font-size: 16pt;
}

section.title {
  background: #c6d4dc;
  color: #1a2534;
  text-align: center;
  font-size: 30pt;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 48px;
}

section.title h1 {
  font-size: 48pt;
  font-weight: bold;
  margin-top: 10px;
}

section.title p {
  font-size: 20pt;
  margin-top: 10px;
}

/* Additional styles for specific elements */
blockquote {
  border-left: 4px solid #1a2534;
  padding-left: 16px;
  margin-left: 16px;
}

code {
  background-color: #e0e0e0;
  padding: 4px 8px;
}

.eco-icon {
  font-size: 48pt;
  color: #1a2534;
  margin-right: 10px;
}

Marpのサンプル

---
marp: true
theme: custom_theme
header: " "
footer: " "
---
<!--
_class: title
-->

# Non-Profit Sector Presentation

> Helping People Help Themselves


---
# Overview
- Mission: To provide affordable access to quality healthcare for all.
- Vision: A world where everyone has the opportunity to live a healthy life.
- Values: Compassion, Empowerment, Collaboration

---
# Impact
- Served over 100,000 individuals in the past year.
- Provided medical care, dental care, and mental health services.
- Collaborated with other organizations to address social determinants of health.

---
# Success Stories
- "Thanks to your support, I was able to get the medical care I needed to get back on my feet." - Jane Doe
- "Your programs helped me learn how to manage my diabetes and improve my overall health." - John Smith

---
# How to Help
- Donate: Your financial support makes it possible for us to continue providing essential services.
- Volunteer: Share your time and skills to make a difference in the lives of others.
- Advocate: Speak out for policies that support affordable healthcare for all.

---
# Get Involved
- Visit our website: www.nonprofit.org
- Follow us on social media: @nonprofit
- Contact us: info@nonprofit.org