スライドテンプレート

このテーマの特徴

カスタムテーマの特徴：

• レスポンシブデザイン： セクションは縦方向に並べられ、デバイスの幅に合わせて自動的に調整されます。

• 大きなフォントサイズ： スライドのテキストは読みやすいように 24pt に設定されています。

• ヘッダー： ヘッダーはネイビーブルーで、スライドのナビゲーションボタンとタイトルを表示します。

• フッター： フッターはヘッダーと同様にネイビーブルーで、ページ番号とスライドの現在のステータスを表示します。

• タイトルセクション： タイトルセクションは淡いブルーで、タイトルとサブタイトルを中央揃えで表示します。

• タイトルセクションのフッター： タイトルセクションのフッターは、タイトルを強調するために相対的に配置されています。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

section{
  display: flex;
  flex-direction: column;
  font-size: 24pt;
  padding: 20px;
  margin-top: 40px;
}

header{
  width: 100%;
  background: #03256c;
  top: 0px;
  height: 40px;
  display: flex;
  justify-content: center;
  gap: 10px;
  box-shadow: 0px 2px 4px #00000029;
}

footer{
  width: 100%;
  position: fixed;
  padding: 10px;
  background: #03256c;
  color: #ffffff;
  bottom: 0px;
  display: flex;
  justify-content: center;
  gap: 10px;
  box-shadow: 0px -2px 4px #00000029;
}

section.title{
  background-color: #dfecf2;
  color: #000000;
  padding: 20px;
  text-align: center;
  font-size: 36pt;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

section.title footer{
  position: relative;
  margin-top: auto;
}

Marpのサンプル

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


# 会社概要

---


## 事業内容
- ソフトウェア開発
- Webサービスの運営
- コンサルティング