Paste.InterGen.Online

Stay Updated with News To Date: Your Gateway to Ne

From NewsToDate, 2 Months ago, written in CSS, viewed 21 times. This paste will croak in 1 Second.
URL https://paste.intergen.online/view/b2c0da97 Embed
Download Paste or View Raw
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8" />
  5.   <meta name="viewport" content="width=device-width,initial-scale=1" />
  6.   <title>News To Date — Intro</title>
  7.   <style>
  8.     /* Container */
  9.     .news-card {
  10.       max-width: 900px;
  11.       margin: 36px auto;
  12.       padding: 28px;
  13.       border-radius: 12px;
  14.       box-shadow: 0 6px 22px rgba(20,20,20,0.06);
  15.       background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  16.       font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  17.       color: #1e293b;
  18.       line-height: 1.6;
  19.     }
  20.  
  21.     /* Headline */
  22.     .news-card h1 {
  23.       margin: 0 0 12px;
  24.       font-size: 1.6rem;
  25.       letter-spacing: -0.2px;
  26.       color: #0f172a;
  27.     }
  28.  
  29.     /* Lead paragraph */
  30.     .news-card .lead {
  31.       margin: 0 0 18px;
  32.       font-size: 1rem;
  33.       color: #334155;
  34.     }
  35.  
  36.     /* Highlighted link style for NewsToDate */
  37.     .brand-link {
  38.       display: inline-block;
  39.       color: #0b69ff;
  40.       font-weight: 600;
  41.       text-decoration: none;
  42.       padding: 4px 8px;
  43.       border-radius: 6px;
  44.       transition: background-color 160ms ease, transform 140ms ease, box-shadow 160ms ease;
  45.     }
  46.  
  47.     .brand-link:hover,
  48.     .brand-link:focus {
  49.       background-color: rgba(11,105,255,0.06);
  50.       transform: translateY(-2px);
  51.       box-shadow: 0 6px 18px rgba(11,105,255,0.08);
  52.       outline: none;
  53.     }
  54.  
  55.     /* Section list */
  56.     .news-card ul {
  57.       margin: 14px 0 0 20px;
  58.       padding: 0;
  59.     }
  60.  
  61.     .news-card li {
  62.       margin: 8px 0;
  63.     }
  64.  
  65.     /* Responsive */
  66.     @media (max-width: 520px) {
  67.       .news-card { padding: 18px; }
  68.       .news-card h1 { font-size: 1.25rem; }
  69.     }
  70.   </style>
  71. </head>
  72. <body>
  73.   <article class="news-card" aria-labelledby="news-title">
  74.     <h1 id="news-title">
  75.       News To Date — your one-stop destination for the latest updates
  76.     </h1>
  77.  
  78.     <p class="lead">
  79.       <a class="brand-link" href="https://newstodate.co.uk/" target="_blank" rel="noopener noreferrer">
  80.         NewsToDate
  81.       </a>
  82.       is your one-stop destination for the latest updates across a variety of categories. From breaking news and in-depth political analysis to live sports scores, we keep you informed on what matters most.
  83.     </p>
  84.  
  85.     <p>
  86.       Dive into health tips, business insights, and lifestyle inspirations that enhance your daily life. Stay ahead in technology with updates on innovations and gadgets. Explore entertainment and plan your adventures with expert travel guides.
  87.     </p>
  88.  
  89.     <ul>
  90.       <li>Health tips and well-being guides</li>
  91.       <li>Business insights and market trends</li>
  92.       <li>Tech coverage: gadgets, AI, and innovation</li>
  93.       <li>Entertainment news, reviews, and celebrity buzz</li>
  94.       <li>Travel guides and practical advice</li>
  95.     </ul>
  96.   </article>
  97. </body>
  98. </html>
  99.  

Reply to "Stay Updated with News To Date: Your Gateway to Ne"

Here you can reply to the paste above

Powered by Stikked