free Multi Apps By Marketing2advertising

<!DOCTYPE html>
<html>
<body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free online Text to PDF </title>

/* Top bar */
.top-bar {
  height: 50px;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}

.top-bar h1 {
  font-size: 16px;
  margin: 0;
}

/* Buttons */
.top-buttons button {
  background: #00c853;
  border: none;
  padding: 8px 12px;
  margin-left: 5px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.top-buttons button:hover {
  background: #009624;
}

/* iframe */
iframe {
  width: 100%;
  height: calc(100% - 50px);
  border: none;
}
</style>
</head>

<body>

<div class="top-bar">
  <h1>🔥 Text to PDF </h1>
  
  <div class="top-buttons">
    <button onclick="reloadEditor()">🔄 Reload</button>
    <button onclick="fullscreen()">⛶ Fullscreen</button>
  </div>
</div>

function fullscreen(){
  let iframe = document.getElementById("editorFrame");
  if (iframe.requestFullscreen) {
    iframe.requestFullscreen();
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html><body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>All Link Video Player</title>

/* Top bar */
.top-bar {
  height: 50px;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}

.top-bar h1 {
  font-size: 16px;
  margin: 0;
}

/* Buttons */
.top-buttons button {
  background: #00c853;
  border: none;
  padding: 8px 12px;
  margin-left: 5px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.top-buttons button:hover {
  background: #009624;
}

/* iframe */
iframe {
  width: 100%;
  height: calc(100% - 50px);
  border: none;
}
</style>
</head>

<body>

<div class="top-bar">
  <h1>🔥 All Link Video Player</h1>
  
  <div class="top-buttons">
    <button onclick="reloadEditor()">🔄 Reload</button>
    <button onclick="fullscreen()">⛶ Fullscreen</button>
  </div>
</div>

function fullscreen(){
  let iframe = document.getElementById("editorFrame");
  if (iframe.requestFullscreen) {
    iframe.requestFullscreen();
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free HTML Editor Viewer</title>

/* Top bar */
.top-bar {
  height: 50px;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}

.top-bar h1 {
  font-size: 16px;
  margin: 0;
}

/* Buttons */
.top-buttons button {
  background: #00c853;
  border: none;
  padding: 8px 12px;
  margin-left: 5px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.top-buttons button:hover {
  background: #009624;
}

/* iframe */
iframe {
  width: 100%;
  height: calc(100% - 50px);
  border: none;
}
</style>
</head>

<body>

<div class="top-bar">
  <h1>🔥 Free HTML Editor</h1>
  
  <div class="top-buttons">
    <button onclick="reloadEditor()">🔄 Reload</button>
    <button onclick="fullscreen()">⛶ Fullscreen</button>
  </div>
</div>

function fullscreen(){
  let iframe = document.getElementById("editorFrame");
  if (iframe.requestFullscreen) {
    iframe.requestFullscreen();
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>GIF Maker free online</title>
<meta name="description" content="  Animated GIF Maker no Signing Up free online ">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

/* ===== FORCE DESKTOP LOOK ONLY ON PHONES + TABLETS ===== */
@media only screen and (max-width: 1024px) {

html, body {
    overflow-x: hidden;
  }

body {
    zoom: 0.38; /* safer than transform */
    transform-origin: top left;
  }

#outer-wrapper,
  .main-wrapper,
  .content-wrapper {
    width: 100%;
    min-height: 100vh;
  }

a, button {
    touch-action: manipulation;
  }
}

/* STRONGEST RESET TO BLOGGER DEFAULT (PHONES ONLY) */
@media only screen and (max-width: 768px) {

.post-body,
  .page-body,
  .post-body *,
  .page-body * {
    all: revert !important;
  }

}

/* ======================= DESKTOP ONLY (1025px and above) ======================= */
@media only screen and (min-width: 1025px) {

/* --- Paragraphs styling --- */
.post-body p {
  font-size: 20px !important;
  line-height: 1.75em !important;
  color: #222 !important;
  font-family: "Arial", "Helvetica", sans-serif !important;
  max-width: 500px;
  margin: 0 auto 1em auto;
  padding: 0 15px;
  box-sizing: border-box;
  overflow: visible;
}

/* --- Drop Cap --- */
.post-body p:first-of-type::first-letter {
  float: left;
  font-size: 2.8em;
  line-height: 1;
  margin-right: 6px;
  font-weight: bold;
  color: #111;
  font-family: "Georgia", "Times New Roman", serif;
  display: inline-block;
  vertical-align: text-top;
}

/* --- Headings --- */
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.2em !important;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: "Georgia", "Times New Roman", serif;
}

.post-body h1 { font-size: 36px !important; }
.post-body h2 { font-size: 28px !important; }
.post-body h3 { font-size: 22px !important; }

/* --- Paragraph spacing --- */
.post-body p + p {
  border-top: 1px solid #eee;
  padding-top: 0.6em;
  margin-top: 0.6em;
}

/* --- Blockquotes --- */
.post-body blockquote {
  border-left: 4px solid #ccc;
  padding-left: 18px;
  margin: 20px 0;
  font-style: italic;
  color: #555;
  background-color: #f9f9f9;
}

/* --- Images --- */
.post-body img {
  max-width: 100%;
  height: auto;
  margin: 15px 0;
  border-radius: 6px;
}

/* --- Lists --- */
.post-body ul,
.post-body ol {
  margin: 15px 0 20px 20px;
  line-height: 1.7em;
}

/* --- Buttons hover --- */
.post-body button:hover,
.post-body a.button:hover {
  background-color: #003366;
}

}
</style>
</head>
<body>

<div class="container">
  <h2>🎞️ Animated GIF Maker</h2>

<p><b>1. Upload Images</b></p>
  <input type="file" id="images" accept="image/*" multiple>

<p><b>2. Frame Delay (ms):</b></p>
  <input type="number" id="delay" value="200">

<br>
  <button onclick="makeGIF()">Generate GIF</button>

<br>
  <a id="downloadLink" style="display:none;color:#00ff90;font-size:18px;" download="animated.gif">
    Download GIF
  </a>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.js"></script>

// Preview images
document.getElementById("images").addEventListener("change", function(e){
  selectedImages = [...e.target.files];
  let preview = document.getElementById("preview");
  preview.innerHTML = "";

selectedImages.forEach(file=>{
    let img = document.createElement("img");
    img.className = "preview-img";
    img.src = URL.createObjectURL(file);
    preview.appendChild(img);
  });
});

// Create GIF
function makeGIF(){
  if(selectedImages.length === 0){
    alert("Please upload images first");
    return;
  }

let delay = parseInt(document.getElementById("delay").value) || 200;

let gif = new GIF({
    workers: 2,
    quality: 10,
    workerScript: "https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.worker.js"
  });

let loaded = 0;
  let imgs = [];

selectedImages.forEach((file, index)=>{
    let img = new Image();
    img.src = URL.createObjectURL(file);

img.onload = function(){
      imgs[index] = img;
      loaded++;

if(loaded === selectedImages.length){

imgs.forEach(i=>{
          gif.addFrame(i, {delay: delay});
        });

gif.on('finished', function(blob){
          let url = URL.createObjectURL(blob);
          document.getElementById("resultGif").src = url;

let dl = document.getElementById("downloadLink");
          dl.href = url;
          dl.style.display = "block";
        });

gif.render();
      }
    };
  });
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Multi‑Device Site Viewer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<div class="container">
  <h2>🌐 Multi‑Device Site Viewer</h2>

<div class="top-bar">
    <button class="mode active" data-w="375" data-h="667" onclick="setMode(this)">📱 Phone</button>
    <button class="mode" data-w="768" data-h="1024" onclick="setMode(this)">📲 Tablet</button>
    <button class="mode" data-w="1366" data-h="768" onclick="setMode(this)">💻 Laptop</button>
    <button class="mode" data-w="1920" data-h="1080" onclick="setMode(this)">🖥 Desktop</button>
  </div>

<div class="info" id="sizeInfo">Current size: 375 × 667 (Phone)</div>
</div>

function loadSite(){
  const input = document.getElementById("siteUrl");
  const frame = document.getElementById("previewFrame");
  const url = normalizeUrl(input.value);
  if(!url){
    alert("Please enter a URL");
    return;
  }
  frame.src = url;
}

function setMode(btn){
  const w = parseInt(btn.getAttribute("data-w"),10);
  const h = parseInt(btn.getAttribute("data-h"),10);
  const frame = document.getElementById("previewFrame");
  frame.width = w;
  frame.height = h;

document.querySelectorAll("button.mode").forEach(b=>b.classList.remove("active"));
  btn.classList.add("active");

const label = btn.textContent.trim();
  document.getElementById("sizeInfo").textContent =
    `Current size: ${w} × ${h} (${label.replace(/^[^A-Za-z]+/,"")})`;
}
</script>

</body>
</html>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx