yuririn

img(id="id" class="images" src="./img/img01.jpg" alt="画像０１")

img(id="id",class="images",src="./img/img01.jpg",alt="画像０１")

img#id.images(src="./img/img01.jpg" alt="画像０１")

yuririn

function autoReply(){
  var title = "お問い合わせありがとうございます / カルチャーアカデミア"; 
  var body
  = "この度はお問い合わせありがとうございました。\n後ほど、担当者よりご連絡させていただきます。\n"
  + "------------------------------------------------------------\n";
  var footer
  = "------------------------------------------------------------\n\n"
  + "エムフィールド広島オフィス　担当：かみーゆ";
 
  var sheet = SpreadsheetApp.getActiveSheet();

yuririn

/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox01-parts::before{

yuririn

/*css radio02*/
.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio02-input + label::before{

yuririn

/*radio01 css*/
.radio01-input{
  display: none;
}
.radio01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio01-parts::before{

yuririn

footer
  p: small copyright m-field

yuririn

header
  h1.site-name Pugで作ったサイト

nav.global-nav
  ul
    li: a(href="#") トップ
    li: a(href="#") メニュー01
    li: a(href="#") メニュー02
    li: a(href="#") メニュー03
    li: a(href="#") メニュー04

yuririn

//- ページの設定
block pagedata

doctype html
html(lang="ja")
  head
    meta(charset="utf-8")
    meta(http-equiv="X-UA-Compatible" content="IE=edge")
    meta(name="viewport" content="width=device-width, initial-scale=1.0")
    title #{pageTitle} | Pugレッスン

yuririn

//- テンプレート読み込み
extend inc/_layout

//-　ページ独自の設定
append pagedata
  - var pageTitle= "トップページ";
  - var pageDescription= "ページの説明";
  - var pageKeywords= "keyword01,keyword2,keyword03";

//- ページ独自のcss

yuririn

mixin li(name)
  li.li= name

ul
  +li("List01")
  +li("List02")
  +li("List03")