new update

project/src/style.css → css/project.css

@@ -9,15 +9,15 @@ body {
     font-family: webfont;
 }
 
-.nav {
+.navbig {
     height: 60px;
     width: 100%;
     position: sticky;
     top: 0;
     background-color: #ffffffbe;
     box-shadow: 0 0 3px 0 #000000bb;
     backdrop-filter: blur(10px);
-
+z-index: 100;
 }
 
 .title {
@@ -47,8 +47,9 @@ body {
     font-size: 40px;
 }
 .bgnote{
+  margin: 0;
     height: 200px;
-    background-image: url("https://github.com/nahidhk/Landing-card/blob/main/img/home-slider.gif?raw=true");
+    background-image: url("/img/sides/home-slider.gif");
     height: 250px;
   width: 100%;
   background-color: white;
@@ -94,3 +95,32 @@ body {
     color: #fff;
 }
 
+.footer{
+  color: #fff;
+  height: 100%;
+  width: 100%;
+  background-color: #42445A;
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+.footer .rotez{
+  color: white;
+  font-size: 30px;
+  border-bottom: 5px solid #76FF0D;
+  border-radius: 100px;
+  padding-left: 10px;
+  padding-right: 10px;
+   border-left: 5px solid #76FF0D;
+
+
+}
+.xi{
+  transition: all 0.4s;
+}
+.xi:hover{
+ cursor: pointer;
+ padding: 10px;
+ border: 1px dotted #76FF0D;
+ border-radius: 100px;
+ color: #76FF0D;
+}

js/code.js

@@ -0,0 +1,48 @@
+// the dynamic code 
+console.log("nahid hk ")
+
+var dataapp = `
+<section class="navbig animate__animated  animate__flipInX">
+    <span class="title"></span>
+    <div onclick="window.location.href='#'" class="menu-btn">
+      <i class="bi bi-list"></i>
+    </div>
+  </section>
+  <section class="bgnote animate__bounceIn animate__animated ">
+    <div class="rotex"> <br>
+      <span>
+        <blockquote>
+          This is a Demo ! This page is not link set.
+        </blockquote>
+      </span>
+    </div>
+  </section>
+  <br><br>
+  <center>
+    <div class="card animate__animated animate__lightSpeedInLeft">
+      <div class="ijtml animate__animated animate__bounceInDown ">
+        <img src="/img/card/Cash.png" /><br>
+        <blockquote>
+          <h1>$750 Cash App
+            Gift Card</h1>
+        </blockquote>
+        <a class="btn" href="#">Learn More</a>
+      </div>
+    </div>
+  </center>
+  <br><br>
+  <section class="footer">
+    <blockquote>
+      <span class="rotez">My Offer</span>
+      <p>The <span> My Offer </span> official offer share website </p>
+      <br>
+      <p onclick="callpryvice()" class="xi">Privacy policy </p>
+
+      <br><br>
+    </blockquote>
+    <center>
+      <p>Copyright &copy; 2024 - <span>My Offer</span></spaN></p>
+    </center>
+  </section>
+`
+

js/github.js

@@ -0,0 +1,15 @@
+console.log("GitHub.js");
+
+document.write(`
+<div style="position:fixed;z-index:100;bottom:20px;right:20px;height:66px;width:70px;background-color:#232323;border-radius:10px;">
+  
+  <a href="https://github.com/nahidhk/landingCode">
+    
+   <i style="font-size: 50px;color: white;padding: 10px;" class="bi bi-github"></i> 
+  </a>
+  
+  </div>
+
+
+
+`);

js/home.js

@@ -1 +1,8 @@
-window.location.href="new";
+console.log("home.js");
+datalist();
+
+function datalist(){
+
+window.location.href="/new";
+
+}

js/linkcall.js

@@ -1,4 +1,8 @@
 console.log("hello word");
 function  linkapi(){
 window.location.href="/project";
+}
+
+function callpryvice(){
+ window.location.href="https://www.readyoffercareer.com/PrivacyPolicy/"
 }

js/viewdemo.js

@@ -0,0 +1,46 @@
+var data =`
+  <section class="navbig animate__animated  animate__flipInX">
+    <span class="title"> My Offer</span>
+    <div onclick="window.location.href='#'" class="menu-btn">
+      <i class="bi bi-list"></i>
+    </div>
+  </section>
+  <section class="bgnote animate__bounceIn animate__animated ">
+    <div class="rotex"> <br>
+      <span>
+        <blockquote>
+          This is a Demo ! This page is not link set.
+        </blockquote>
+      </span>
+    </div>
+  </section>
+  <br><br>
+  <center>
+    <div class="card animate__animated animate__lightSpeedInLeft">
+      <div class="ijtml animate__animated animate__bounceInDown ">
+        <img src="/img/card/Cash.png" /><br>
+        <blockquote>
+          <h1>$750 Cash App
+            Gift Card</h1>
+        </blockquote>
+        <a class="btn" href="#">Learn More</a>
+      </div>
+    </div>
+  </center>
+  <br><br>
+  <section class="footer">
+    <blockquote>
+      <span class="rotez">My Offer</span>
+      <p>The <span> My Offer </span> official offer share website </p>
+      <br>
+      <p onclick="callpryvice()" class="xi">Privacy policy </p>
+
+      <br><br>
+    </blockquote>
+    <center>
+      <p>Copyright &copy; 2024 - <span>My Offer</span></spaN></p>
+    </center>
+  </section>
+`
+
+document.write(data)

new/index.html

@@ -41,10 +41,10 @@
   <i class="bi bi-tags"></i>
 <select class="input-box"  id="Category">
   <option selected disabled>run your Category</option>
-  <option value="paypal">Paypal</option>
-  <option value="google">Google Play</option>
-  <option value="cash">Cash App</option>
-  <option value="walmart">Walmart</option>
+  <option value="Paypal">Paypal</option>
+  <option value="Google">Google Play</option>
+  <option value="Cash">Cash App</option>
+  <option value="Walmart">Walmart</option>
 </select>
 </fieldset>
 <br>
@@ -56,7 +56,7 @@
 
 <fieldset>
   <legend><i class="bi bi-card-text"></i> Deposition</legend>
-  <textarea placeholder="add your destination" class="input-box lad" rows="10" required></textarea>
+  <textarea placeholder="add your destination! use for html <br/> , <mark> , <b> , <strong> , <q> , <s> , <n> , <a>  , <span> ! " class="input-box lad" rows="10" required></textarea>
 
     <span class="btn wave"><i class="bi bi-arrow-repeat"></i></span>
 
@@ -68,9 +68,15 @@
 
 </form>   
 </center>   
+  <br> <br>
 
-
-
+  <footer>
+  <center>
+
+   <p>Code by &hearts; <a href="https://github.com/nahidhk">Nahid HK</a></p> 
+    </center>  
+
+  </footer> 
 
 
 
@@ -83,5 +89,7 @@
 
    <script src="/js/index.js"></script>
    <script src="/js/linkcall.js"></script>
+   <script src="/js/github.js"></script>
+   <script src="/js/code.js"></script>
 </body>
 </html>

project/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+  <link rel="stylesheet" href="/css/project.css">
+
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>New Offer</title>
+</head>
+
+<body>
+
+
+
+  <script src="/js/linkcall.js">
+  </script>
+  <script src="/js/viewdemo.js"></script>
+</body>
+</html>