internship/ecomai.html at 00b2c12e52add12771119fbce1ea7973412f12f1

Fork: 0

c119073-taka / internship

Find file

Newer

Older

internship / ecomai.html

taka on 25 Mar 2022 1 KB drag-drop

Raw Blame History

<!DOCTYPE html>
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>エコ米ゲーム</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css">
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet"><!--いろんなアイコンのCSS-->
</head>
 
<body>
 
<h1 class="count">エコ米づくりを体験してみよう！</h1>

<div class="popup-seciton" id="section1">
  <div class="box01 js-show-popup"><img src="img/2006591.png" alt="ポップアップ画像"></div>

  <div class="popup js-popup">
      <div class="popup-inner">
        <div class="close-btn js-close-btn"><i class="fas fa-times"></i></div>
        <a href="#"><img src="img/2006591.png" alt="ポップアップ画像"></a>
        <img class="apple" src="img/apple.png" alt="ポップアップ画像">
      </div>
      <div class="black-background js-black-bg"></div>
  </div>
</div>

<div class="popup-seciton" id="section2">
  <div class="box01 js-show-popup"><img src="img/656814.png" alt="ポップアップ画像"></div>

  <div class="popup js-popup">
      <div class="popup-inner">
        <div class="close-btn js-close-btn"><i class="fas fa-times"></i></div>
        <a href="#"><img src="img/656814.png" alt="ポップアップ画像"></a>
      </div>
      <div class="black-background js-black-bg"></div>
  </div>
</div>
<!--https://tech-dig.jp/js-modal/-->

<script src="js/popup.js"></script>
</body>
 
</html>