<html lang="en-us">
<header>
	<title>مرجع طرح سوالات کتاب ها</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="google-site-verification" content="1w7vgcx8mRLwaGj8YYCWdfs4G_DRIUtReBJ6iyzBgNY" />	
	<link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />

	<link rel="stylesheet" type="text/css" href="/css/mashallah.css" />
	<link rel="stylesheet" type="text/css" href="/css/styles.css" />
	
	
	
	
	
<style>
  /* Full-width input fields */
  input[type=text],
  input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

  /* Set a style for all buttons */
  button {
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
  }

  button:hover {
    opacity: 0.8;
  }

  /* Extra styles for the cancel button */
  .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
  }

  /* Center the image and position the close button */
  .imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
  }

  img.avatar {
    width: 40%;
    border-radius: 50%;
  }

  .container {
    padding: 16px;
  }

  span.psw {
    float: right;
    padding-top: 16px;
  }

  /* The Modal (background) */
  .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    padding-top: 60px;
  }

  .modal1 {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    padding-top: 60px;
  }

  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
  }

  /* Modal Content/Box */
  .modal1-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
  }

  /* The Close Button (x) */
  .close {
    position: absolute;
    right: 40px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: red;
    cursor: pointer;
  }

  /* Add Zoom Animation */
  .animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
  }

  @-webkit-keyframes animatezoom {
    from {
      -webkit-transform: scale(0)
    }

    to {
      -webkit-transform: scale(1)
    }
  }

  @keyframes animatezoom {
    from {
      transform: scale(0)
    }

    to {
      transform: scale(1)
    }
  }

  /* Change styles for span and cancel button on extra small screens */
  @media screen and (max-width: 300px) {
    span.psw {
      display: block;
      float: none;
    }

    .cancelbtn {
      width: 100%;
    }
  }

  body {
    background-image: url('images/OIP.jpg');
    background-size: 100%;
  }

  canvas {
    display: block;
  }

  .square {
    height: 4px;
    width: 100%;
    background-image: linear-gradient(black, gray);
  }

  .course>button>a {
    margin-bottom: 7px;
    display: block;
    width: 220px;
  }

  button {
    font-size: 1rem;
    background-color: rgb(191, 230, 18);
  }
  
  .g-buttons > button {
	width: 170px;
	background-color: #3811ff;
	color: white !important;
  }

.zoom-in-out-element {
  animation: zoom-in-zoom-out 1s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  50% {
    scale: 150%;
  }
  100% {
    scale: 100%;
  }
}  

  .g-buttons > button:hover {
	width: 170px;
	background-color: #ff1138 !important;
	color: blue !important;
    animation: zoom-in-zoom-out 1s ease infinite;
  }
  
</style>
</header>

<body dir="rtl" class="text-center">
  <h1 class="text-center">ایرلنت- irelnet</h1>

  <button onclick="document.getElementById('id01').style.display='block'">ورود</button>

  <div id="id01" class="modal">

    <form class="modal-content animate" action="welcome.html" method="post">
      <div class="imgcontainer">
        <span onclick="document.getElementById('id01').style.display='none'" class="close"
          title="Close Modal">&times;</span>
        <img src="/images/irelnet.gif" alt="Avatar" class="avatar">
      </div>

      <div class="container">
        <label for="uname"><b>نام و نام خوانوادگی</b></label>
        <input type="text" placeholder="نام و نام خوانوادگی" name="un" required>

        <label for="psw"><b>رمز ورود</b></label>
        <input type="password" placeholder="رمز ورود شما" name="ps" required>


        <label>
          <input type="checkbox" checked="checked" name="remember">من را به خاطر بسپار
        </label>
        <button type="submit">ورود</button>
      </div>


      <div class="container" style="background-color:#f1f1f1">
        <button type="button" onclick="document.getElementById('id01').style.display='none'"
          class="cancelbtn">لغو</button>
      </div>
    </form>
  </div>

  <div id="mashallah" class="mashallah-container" style="display: none;">
    <div class="text" data-splitting="">❄🎉✨🎇ماشالله </div>
    <div class="presents">
      <div class="present orange">
        <div class="lid"></div>
        <div class="box"></div>
        <div class="bow"></div>
        <div class="ribbon"></div>
      </div>
      <div class="present blue">
        <div class="lid"></div>
        <div class="box"></div>
        <div class="bow"></div>
        <div class="ribbon"></div>
      </div>
      <div class="present green">
        <div class="lid"></div>
        <div class="box"></div>
        <div class="bow"></div>
        <div class="ribbon"></div>
      </div>
    </div>
  </div>




  <div class="square"></div>
  <div class="container text-center">

    <div id="id03" class="modal2" style="background-color:#0000009a; background-size:100%">
      <div style="background-color:#fffcfc;">
        <span onclick="document.getElementById('id03').style.display='none'" class="close" title="Close Modal"></span>
      </div>
      <form class="modal2-content animate">
        <div class="imgcontainer">
        </div>

        <div class="container" style="background-color:#15ec6f">

          <h2></h2>
          <br />
          <h2>اپلیکیشن ما را دانلود کنید</h2>
          <button type="button" onclick="document.getElementById('id03').style.display='none'"
            class="cancelbtn">بعدا</button>
          <button type="button"
            onclick="window.open('https://cf.admin.appmysite.com/618231/628851/android/builds/1.0.0/ams_android_628851_live.apk', false)">دانلود
            کنید</button>
        </div>
      </form>
    </div>
  </div>



  <h2>بازی ها</h2>

	<div class="g-buttons">
	  <button onclick="window.open('/games/g1.html', '_blank').focus();">بازی غول سوز</button>
	  <button onclick="window.open('/games/g2.html', '_blank').focus();">بازی شطرنج</button>
	  <button onclick="window.open('/games/g3.html', '_blank').focus();">بازی پازل</button>
	  <button onclick="window.open('/games/g4.html', '_blank').focus();">بازی بولینگ</button>
	  <button onclick="window.open('/games/g5.html', '_blank').focus();">بازی دوز</button>
	</div>

  <h2>سوالات</h2>

  <div class="row">
    <div class="course col-md-4 col-sm-6 col-lg-3">
      <button onclick="window.open('../اجتماعی-چهارم.html', false)" class="m-1">
        <a href="../اجتماعی-چهارم.html">چهارم دبستان سوالات درس 15 اجتماعی</a>
        <img
          src="https://markaketab.com/wp-content/uploads/2018/12/%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA-%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C-1.jpg"
          alt="مطالعات" width="75" height="100" />
      </button>
    </div>

    <div class="course col-md-4 col-sm-6 col-lg-3">
      <button onclick="window.open('../فارسی-چهارم-13.html', false)" class="m-1">
        <a href="../فارسی-چهارم-13.html">سوالات درس 13 فارسی چهارم</a>
        <img
          src="https://deltabook.ir/wp-content/uploads/2021/07/%DA%A9%D8%AA%D8%A7%D8%A8-%D8%AF%D8%B3%D8%AA-%D8%AF%D9%88%D9%85-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C-%DA%86%D9%87%D8%A7%D8%B1%D9%85-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86-%D8%A7%D8%AB%D8%B1-%D8%B3%D8%A7%D8%B2%D9%85%D8%A7%D9%86-%D9%BE%DA%98%D9%88%D9%87%D8%B4-%D9%88-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D8%B1%DB%8C%D8%B2%DB%8C-%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DB%8C.jpg"
          alt="فارسی" width="75" height="100" />
      </button>
    </div>

    <div class="course col-md-4 col-sm-6 col-lg-3">
      <button onclick="window.open('../علوم-چهارم-8.html', false)" class="m-1">
        <a href="../علوم-چهارم-8.html">سوالات درس 8 علوم چهارم دبستان</a>
        <img src="https://shabahangpub.com/wp-content/uploads/2024/01/IMG_20240102_235212.png" alt="علوم" width="75"
          height="100" />
      </button>
    </div>

    <div class="course col-md-4 col-sm-6 col-lg-3">
      <button onclick="window.open('../ریاضی-چهارم.html', false)" class="m-1">
        <a href="../ریاضی-چهارم.html">سوالات ریاضی چهارم درس تقسیم و بخش پذیری</a>
        <img src="https://dl.daneshchi.ir/2021/08/Riazi-Jeld-4.jpg" alt="ریاضی" width="75" height="100" />
      </button>
    </div>


    <div class="course col-md-4 col-sm-6 col-lg-3">
      <button onclick="window.open('../مثنوی-معنوی.html', false)" class="m-1">
        <a href="../مثنوی-معنوی.html">مثنوی معنوی ویژه</a>
        <img src="/images/masnavi.jpg" alt="مثنوی معنوی" width="75" height="100" />
      </button>
    </div>
  </div>

  <br />
  <br />


</body>



<!-- <script src="/js/happybirthday.js"></script> -->

<script>

  // Get the modal
  var modal = document.getElementById('id01');

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function (event) {
    if (event.target == modal) {
      modal.style.display = "none";
    }
  }

  // Get the modal
  var modal1 = document.getElementById('id02');

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function (event1) {
    if (event1.target == modal1) {
      modal1.style.display = none;
    }
  }


  // Get the modal
  var modal2 = document.getElementById('id03');

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function (event2) {
    if (event2.target == modal2) {
      modal2.style.display = none;
    }
  }

  // Get the modal
  var modal1 = document.getElementById('id05');

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function (event4) {
    if (event4.target == modal4) {
      modal1.style.display = none;
    }
  }

  function doIt(btn) {
    btn.style.background = '#253f54cc';

    let elem = document.createElement("button");
    elem.TEXT_NODE = "mad"
    elem.style.background = 'skyblue';
    elem.style.borderRadius = '15px';
    elem.style.border = '1px dotted blue';
    elem.style.boxShadow = '3px 3px black';
    elem.style.marginBottom = '5px';
    elem.style.cursor = 'pointer';
    elem.addEventListener("click", function () {
      this.style.background = 'green';;

    })
  };

  function mashallah() {
    let mashallah = document.getElementById("mashallah")
    mashallah.style.display = "block";
    var audio = new Audio('audio_file.mp3');
    audio.play();
    setTimeout(function () { mashallah.style.display = 'none' }, 3000)
  }

</script>

</html>