レスポンシブ_テンプレート

WP css スマホ テンプレート コンタクトフォーム 7です。

<div class="contact"><div class="contact"> <ul> <li>貴社名・団体名<span class="nok">*</span>[text* text-kaisya placeholder "株式会社〇〇"]</li> <li>お名前[text text-name placeholder "貨物 太郎"]</li> <li>電話番号[tel tel-712 placeholder "03-0000-0000"]</li> <li>メールアドレス<span class="nok">*</span>[url* url-319 placeholder "ka…</li></ul></div></div>

WP footer

footer.php ------ <footer> <div id="footer" class="clearfix"> <div class="footer_logo"> <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="フッターロゴ"> </div> <div class="footer_contents"> <p>新潟本部/<br> 〒940-2023新潟県長岡市蓮潟5-5-17<br>TEL:0258-27-3310 FAX:0258-27-3320 </p> </div></div></footer>

jQUery メニュー スマホ 

index.html <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>

jQUery スマホ menu 右から

body { padding: 0; margin: 0; font-family: Verdana, sans-serif; background: #eee; padding: 8px; box-sizing: border-box; width:100%; height: 100%; overflow-x: hidden; } #cover { background: #000; opacity: 0.6; width: 100%; height: 100%; pos…

css table レスポンシブデザイン 0001

<style> .fa.fa-arrow-circle-o-right {color:#008fde; margin-right: 10px;font-size:22px;} .t_table_01 {width: 100%; } .t_table_01 tr {border-bottom: 2px solid #dedede;} .t_table_01 th {padding: 20px;width: 30%;border-bottom: 2.5px solid #dedede; ma…

HTML CSS メモ

html ----- <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/youso.css"> <title>CSS 子要素</title></head><body> <ul> <li>HELOO</li> </ul></body></html>

レスポンシブ メニュー 3

<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/font-awesome.min.css"> <title>ハンバーガーメニュー 2</title> <style> body { padding: 0; mar…</link></meta></meta></meta></head></html>

レスポンシブ メニュー 1,2

<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/font-awesome.min.css"> <title>ハンバーガーメニュー 右 上 2つ</title> <style> body { padding: 0…</link></meta></meta></meta></head></html>

レスポンシブ テンプレート1

index.html -------- <html lang="ja"> <head> <meta charset="utf-8"> <title>レスポンシブ 2017-1-15</title> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/styles.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> </html>