diff --git a/testpage/test.css b/testpage/test.css index b1b77b6..abbc0ae 100644 --- a/testpage/test.css +++ b/testpage/test.css @@ -490,7 +490,7 @@ } .home-info-address_title{ font-size: 1.8rem; - color: rgb(233, 62, 62); + color:#e02f3b; } .info-item { display: flex; @@ -498,16 +498,18 @@ align-items: center; padding-top: 70px; } -.info-text{ - -} .info-text .info-small{ font-size: 0.9rem; } -.info-text p{ - border-bottom: 2px - #eeaa7b solid; - margin-right: 5px; +.info-address{ + font-size: 15px; + text-align: justify; + box-sizing: border-box; + letter-spacing: 0.15em; + white-space: nowrap; + line-height: 1.9; + display: inline-block; + padding-bottom: 10px; } .line-dl div{ display: flex; @@ -515,7 +517,55 @@ padding: 11px 5px 14px; align-items: flex-start; } +.line-dl div:nth-child(1){ + border-top: solid 1px #f5cbcd; +} +.line-dl div .font-mg{ + width: 110px; + text-align: justify; + box-sizing: border-box; + letter-spacing: 0.15em; + white-space: nowrap; + color: #e02f3b; + font-size: 15px; + line-height: 1.9; +} +.line-dl div dd{ + width: calc(100% - 110px); + font-size: 14px; + letter-spacing: 0.04em; + color: #000; + line-height: 1.9; + display: inline-block; + transform: translateY(3px); +} +.line-dl div dd a{ + width: calc(100% - 110px); + font-size: 14px; + letter-spacing: 0.04em; + color: #000; + line-height: 1.9; + display: inline-block; + transform: translateY(3px); +} +.line-dl div dd a:hover{ + opacity: 0.6; +} +.line-dl div dd .info-small{ + font-size: 13px; +} /* ----------------------------------// home-info---------------------------------- */ +/* footer */ +footer { /* XXX: Change ME! */ + background: linear-gradient(to top, rgba(15, 15, 15, 0.8), + rgba(40, 40, 40, 0.8)); + text-align: center; font-size: 70%; + color: white; + padding-top: 25px; + padding-bottom: 25px; + width: 100vw; +} +/* //footer */ @media screen and (max-width: 746px){ #home-about .home-items h3{ @@ -529,3 +579,17 @@ max-width: 500px; } } +/* メモ +！わかりやすく、探しやすく、再利用しやすく、拡張しやすくする +１ h２タグにはsection-titleというclass名をつけて全てのページを共通化させる +２ h2のsection-titleがつくものはsectionタグで囲む。sectionタグには +.wrapper { + max-width: 1200px; + margin: 0 auto; + padding: 0 5%; + margin-bottom: 80px; + } +というクラス名とcssをつけて画面幅いっぱいより少し小さめの幅で全て収めるように共通化させる。 +sectionごとの余白はmargin-top:50px; margin-bottom:80px;で共通化。 +margin-topだけはつけるとことつけないとこがあるから.wrapperに入れない。 +３ */ diff --git a/testpage/test.html b/testpage/test.html index 344b56a..3a89108 100644 --- a/testpage/test.html +++ b/testpage/test.html @@ -1,19 +1,3 @@ - - - @@ -121,6 +105,7 @@ +

授業内容について

@@ -159,7 +144,8 @@

もっと見る

- + +

鳥海塾についてのQ＆A

@@ -201,7 +187,8 @@

もっと見る

- + +

交通アクセス

@@ -210,25 +197,43 @@
-

東北公益文化大学

+

東北公益分科大学

〒998-8580
山形県酒田市飯森山三丁目5番地の1 / TEL:0234-41-1111
-
-
+
プログラム名
+
令和３年度ジュニアドクター育成塾
-
-
+
開催主体
+
東北公益分科大学
-
-
+
実施主担当者
+
広瀬 雄二
-
-
+
開塾日
+
本講義　毎週土曜日
+ オンライン補習　毎週月・水・金　※こちらは予約制です
+
+
+
開塾時間
+
本講義　１４時開始〜１６時終了（予定）
+ オンラインン補習　１９時開始〜２１時終了（予定）
+
+
+
実施期間
+
令和3年5月19日～令和4年3月31日
+
+
+
対象
+
小学3年生から中学３年生までのプログラミングに興味がある人
+
+
@@ -237,13 +242,13 @@ width="500" height="600" style="border:0;" allowfullscreen="" loading="lazy">
-
+ + + +