API tools faq
paste
Advertisement
Dynamic_Fantasy

webpage2

Dynamic_Fantasy
Jul 27th, 2023 (edited)
988
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.87 KB | Source Code | 0 0
raw download clone embed print report
  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.0">
  6.     <title>Technologies We Are Using | Antivirus Website</title>
  7.     <style>
  8.         body {
  9.             margin: 0;
  10.             padding: 0;
  11.             font-family: Arial, sans-serif;
  12.             background-color: #1A1A1A;
  13.             color: #FF7597;
  14.         }
  15.         h1{
  16.             color:whitesmoke
  17.         }
  18.  
  19.         header {
  20.             background-color: #BB86FC;    
  21.             padding: 20px;
  22.             text-align: center;
  23.         }
  24.  
  25.         .technology-section {
  26.             max-width: 800px;
  27.             margin: 30px auto;
  28.             padding: 30px;
  29.         }
  30.  
  31.         .technology-title {
  32.             font-size: 36px;
  33.             margin-bottom: 20px;
  34.             text-align: center;
  35.         }
  36.  
  37.         .technology-boxes {
  38.             display: flex;
  39.             flex-wrap: wrap;
  40.             justify-content: center;
  41.             gap: 30px;
  42.         }
  43.  
  44.         .technology-box {
  45.             background-color: rgba(255, 255, 255, 0.2);
  46.             border-radius: 5px;
  47.             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  48.             padding: 20px;
  49.             text-align: center;
  50.             width: 250px;
  51.             color: #f2ebeb;
  52.         }
  53.        
  54.  
  55.         .technology-box img {
  56.             max-width: 100%;
  57.             border-radius: 5px;
  58.             margin-bottom: 15px;
  59.         }
  60.  
  61.         .technology-box h2 {
  62.             font-size: 24px;
  63.             margin-bottom: 10px;
  64.         }
  65.  
  66.         .technology-box p {
  67.             font-size: 16px;
  68.             line-height: 1.6;
  69.         }
  70.         .cta-button {
  71.             background-color: #871bec;
  72.             color: #fff;
  73.             border: none;
  74.             border-radius: 5px;
  75.             padding: 10px 20px;
  76.             font-size: 18px;
  77.             cursor: pointer;
  78.             margin-top: 20px;
  79.             transition: background-color 0.3s ease;
  80.         }
  81.  
  82.         .cta-button:hover {
  83.             background-color: #9603a3;
  84.         }
  85.  
  86.         .footer {
  87.             background-color: #2b2b2b;
  88.             color: #fff;
  89.             text-align: center;
  90.             padding: 10px;
  91.         }
  92.     </style>
  93. </head>
  94. <body>
  95.     <header>
  96.         <h1>Antivirus Website</h1>
  97.     </header>
  98.  
  99.     <div class="technology-section">
  100.         <!-- Frontend Section -->
  101.         <h2 class="technology-title">FRONTEND</h2>
  102.         <div class="technology-boxes">
  103.             <div class="technology-box">
  104.                 <img src="pngwing.com.png"  width="157" height="157" alt="HTML">
  105.                
  106.                 <h2>HTML</h2>
  107.                 <p>HTML provides the structure and content of our web pages.</p>
  108.             </div>
  109.  
  110.             <div class="technology-box">
  111.                 <img src="pngwing.com (1).png" width="157" height="157" alt="CSS">
  112.                 <h2>CSS</h2>
  113.                 <p>CSS adds style and presentation to our web pages.</p>
  114.             </div>
  115.  
  116.             <div class="technology-box">
  117.                 <img src="javascript-39397.png" width="157" height="157" alt="JavaScript">
  118.                 <h2>JavaScript</h2>
  119.                 <p>JavaScript makes our web pages interactive and dynamic.</p>
  120.             </div>
  121.  
  122.             <div class="technology-box">
  123.                 <img src="pngwing.com (2).png" width="157" height="157" alt="React">
  124.         <!-- REACT'S PNG-->    
  125.                <h2>React</h2>
  126.                <p>React is used to build fast and scalable user interfaces.</p>
  127.            </div>
  128.        </div>
  129.  
  130.        <!-- Backend Section -->
  131.        <h2 class="technology-title">BACKEND</h2>
  132.        <div class="technology-boxes">
  133.            <div class="technology-box">
  134.                <img src="django.png" width="270" height="157" alt="Django">
  135.                <h2>Django</h2>
  136.                <p>Django is a powerful framework for building secure and maintainable backend applications.</p>
  137.            </div>
  138.  
  139.            <div class="technology-box">
  140.                <img src="javascript-39397.png" width="157" height="157" alt="JavaScript">
  141.                <h2>JavaScript</h2>
  142.                <p>JavaScript enables server-side scripting and backend development.</p>
  143.            </div>
  144.        </div>
  145.  
  146.        <!-- Machine Learning Section -->
  147.        <h2 class="technology-title">MACHINE LEARNING</h2>
  148.        <div class="technology-boxes">
  149.            <div class="technology-box">
  150.                <img src="machine.png" width="270" height="157" alt="Machine Learning">
  151.                <h2>Machine Learning</h2>
  152.                <p>Our Machine Learning section is under development, bringing AI-powered security features.</p>
  153.                <button class="cta-button">Coming Soon!</button>
  154.            </div>
  155.  
  156.        </div>
  157.    </div>
  158.  
  159.    <footer class="footer">
  160.    </footer>
  161. </body>
  162. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!