芝麻web文件管理V1.00

编辑当前文件:/home/r5772835/public_html/anjii.ycreate.jp/index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta name="robots" content="noindex" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no" />
    
    <title>Anjii</title>
    <meta name="description" content="おしゃれなヘアサロン" />
    <meta name="keywords" content="ヘアサロン" />
    
    <meta property="og:title" content="Anjii" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://monetizeoku.peewee.jp/" />
    <meta property="og:image" content="./images/gallery01.jpg" />
    <meta property="og:site_name" content="Anjii" />
    <meta property="og:description" content="おしゃれなヘアサロン" />
    <meta name="twitter:card" content="summary" />
    
    <link rel="icon" href="#" />

<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Noto+Sans+JP:wght@400;500&family=Roboto:wght@400;500&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./css/style.css" />
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script defer src="./js/script.js"></script>
    <link rel="stylesheet" type="text/css" href="css/5-1-14.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.inview/1.0.0/jquery.inview.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="https://web.alfactory.co.jp/wp/wp-content/themes/suw/assets/js/jquery-2.2.4.min.js"><\/script>')</script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/skins/sunburst.css">
    <link rel="stylesheet" href="https://web.alfactory.co.jp/wp/wp-content/themes/suw/assets/css/topics.css">

</ul>
        </nav>
      </div>
      
      <div class="openbtn u-md-show">
        <span></span><span></span><span></span>
      </div>
      
<nav id="g-nav" >
  <div class="drawer-menu__inner">
    <div id="g-nav-list">
      <ul class="drawer-menu__items">
        <li class="drawer-menu__item"><a href="#concept" class="drawer-menu__link">Concept</a></li> 
        <li class="drawer-menu__item"><a href="#menu" class="drawer-menu__link">Menu</a></li> 
        <li class="drawer-menu__item"><a href="#gallery" class="drawer-menu__link">Gallery</a></li> 
        <li class="drawer-menu__item"><a href="#location" class="drawer-menu__link">Location</a></li> 
        <li class="drawer-menu__item"><a href="#reserve" class="drawer-menu__link">Reserve</a></li> 
      </ul>
    </div>
  </div>
</nav>

</header>

<section id="concept" class="concept" >
          <div class="concept__inner inner">
            <div class="diagonal-line"></div>
            <h2 class="concept__heading heading">Concept</h2>
              <div class="concept__container">
              <p class="concept__text text">
                  お客さまの希望するイメージや髪の悩みは様々。<br />
                  わたしたちの仕事は何よりも、お客様の望むヘアスタイルをつくること。<br />
                  かつそれらが流行を取り入れた、再現性の高いものであること。
              </p>
            </div>
         </div>
        </section>

<section id="menu" class="menu" >
          <div class="menu__inner menu">
            <h2 class="menu__heading heading">Menu</h2> 
              <div class="menu__heading-under"></div>
              <div class="menu__container">

<div class="passing">
        <div class="passing-box">
          <div class="passing-bar">
          <div class="passing-txt">
                      <p class="menu__text">
                        一人一人にあわせたヘアカットや<br />
                        話題のイルミナカラー、ハイライトやインナーカラーのほか<br />
                        特別な日のヘアセットやメイクアップもお任せください。
                        </p></div>
            </div>
           </div>
          </div>

<ul class="menu__cards">
        <div class="passing">
          <div class="passing-box">
            <div class="passing-bar">
            <div class="passing-txt">
                <li1>
                    <img src="./images/menu-img01.jpg" 
                    alt="Hair Cut" 
                    class="menu__img">
                    <p class="menu__name">
                      Hair Cut
                    </p>
           </li1>
          </div>
        </div>
      </div>
            </div><div class="passing">
        <div class="passing-box">
          <div class="passing-bar">
            <div class="passing-txt"><li1>
                    <img src="./images/menu-img02.jpg" 
                    alt="Hair Color" 
                    class="menu__img">
                    <p class="menu__name">
                      Hair Color
                    </p>
                </li1>
              </div>
            </div>
          </div>
        </div><div class="passing">
        <div class="passing-box">
          <div class="passing-bar">
            <div class="passing-txt">
                <li1>
                    <img src="./images/menu-img03.jpg" 
                    alt="Hair Perm" 
                    class="menu__img">
                    <p class="menu__name">
                      Hair Perm
                    </p>
                </li1>
              </div>
            </div>
          </div>
        </div><div class="passing">
        <div class="passing-box">
          <div class="passing-bar">
            <div class="passing-txt"><li1>
                    <img src="./images/menu-img04.jpg" 
                    alt="Hair Make" 
                    class="menu__img">
                    <p class="menu__name">
                      Hair Make
                    </p>
                </li1> </div>
              </div>
            </div>
          </div><div class="passing">
        <div class="passing-box">
          <div class="passing-bar">
            <div class="passing-txt"><li1>
                    <img src="./images/menu-img05.jpg" 
                    alt="Face Make" 
                    class="menu__img">
                    <p class="menu__name">
                      Face Make
                    </p>
                </li1> </div>
              </div>
            </div>
          </div><div class="passing">
        <div class="passing-box">
          <div class="passing-bar">
            <div class="passing-txt"><li1>
                    <img src="./images/menu-img06.jpg" 
                    alt="Dressing" 
                    class="menu__img">
                    <p class="menu__name">
                      Dressing
                    </p>
                </li1> </div>
              </div>
            </div>
          </div>
        </ul>
              
            </div>
         </div>
        </section>
  
          <div id="menu2" class="menu2">        
                    <div class="menu2__text">
                    <p>わたしたちのサロンでは<br/>
                    頭皮・髪に優しい薬剤と取り扱っています。<br/>
                    お肌が敏感でこれまでパーマやカラー、矯正縮毛を楽しめなかった方も<br/>
                    安心してお越しください。
                    </p>
                  </div>
                  </div>
            
            <section id="gallery" class="gallery" >
              <div class="gallery__inner gallery">

<ul class="gallery__cards flex delayScroll">
                <li class="box">
                  <h2 class="gallery__heading heading">Gallery</h2>            
                </li>

<section id="location" class="location" >
              <div class="location__inner inner">
                <h2 class="location__heading heading">Location</h2>               
              <div class="location__cards">
                <div class="location__card map">
                  <div class="google-map"> 
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d854.6264650973612!2d140.87208522683372!3d38.25975291755094!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8a283c4eb48695%3A0x564c485651ccfaff!2z6Z2S6JGJ6YCa5LiA55Wq55S66aeF!5e0!3m2!1sja!2sjp!4v1679352099181!5m2!1sja!2sjp" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
                    alt="location" 
                    class="location__img"</iframe></div>     
                </div>
                <div class="location__card__container">
                <div class="location__card">
                    <div class="location__text">
                      <ul class="location__text-menu">
                        <li>Adress<br/>
                          <br/></li>
                        <li>Tel<br/></li>
                        <li>Hours<br/></li>
                        <li>Access<br/></li>
                      </ul>
                      <ul class="location__text-content">
                      <li> 宮城県仙台市青葉区一番町1-1-1<br/>
                           sendaiビル1F<br/></li>
                      <li> 022-123-4567<br/></li>
                      <li> 10:00～20:00<br/></li>
                      <li> 地下鉄一番町駅から徒歩1分<br/></li>
                    </ul>
                    </div>
                  </div>         
                </div>

</div>
              </div>
            </section>
        
        <div id="reserve" class="reserve">
          <div class="reserve-container">      
                    <div class="reserve__text">
                      ご予約はこちらから
                    </div>
                    <a href="#" class="btn bgleft"><span>Reserve</span></a>
          </div>
        </div>

</main>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
        
        <script src="js/5-1-14.js"></script>
        
        <script type="text/javascript" id="">
          !function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRecord","fetchGlobalID","set","trackEvent","trackPageview","trackClicks","ready"],a=0;a<s.length;a++){var c=s[a];e[t].prototype[c]=r(c)}var n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=("https:"===document.location.protocol?"https:":"http:")+"//cdn.treasuredata.com/sdk/1.9.1/td.min.js";var i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(n,i)}}("Treasure",this);
          </script>
          
  </body>
</html>