API tools faq
paste
Tonya7enova

домашка номер 1(уже 10 класс, ваувау)

Tonya7enova
Sep 7th, 2025
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.56 KB | Source Code | 0 0
raw download clone embed print report
  1. файл "пр1.html"
  2. <!doctype html>
  3. <html>
  4. <head>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <title>О нас</title>
  8.   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
  9.   <style>
  10.     body { min-height:100vh; background:#f7f9fc; }
  11.     .sidebar { min-height:100vh; background:#fff; border-right:1px solid #e5e8ef; padding:1rem; }
  12.     .nav-link.active { color:#0d6efd; font-weight:600; background:#eef5ff; border-radius:6px; }
  13.     .content-card { background:#fff; border-radius:10px; padding:1.25rem; box-shadow:0 6px 18px rgba(15,30,60,0.05); }
  14.     .img-placeholder { max-width:100%; height:auto; border-radius:8px; object-fit:cover; }
  15.   </style>
  16. </head>
  17. <body>
  18.   <div class="container-fluid">
  19.     <div class="row g-0">
  20.       <aside class="col-12 col-md-3 col-lg-2 sidebar">
  21.         <h4 class="mb-3">Мой сайт</h4>
  22.         <nav class="nav flex-column">
  23.           <a class="nav-link active mb-2" href="пр1.html">О нас</a>
  24.           <a class="nav-link mb-2" href="пр2.html">Наши достижения</a>
  25.         </nav>
  26.       </aside>
  27.  
  28.       <main class="col p-4">
  29.         <div class="content-card">
  30.           <div class="row g-4">
  31.             <div class="col-lg-7">
  32.               <h2>О нас</h2>
  33.               <p>Это яяяя      это яяяя</p>
  34.               <p>Я не знаю, что говорить о себе. Актёр, волонтёр, гвоздодёр, каскадёр</p>
  35.               <p></p>
  36.             </div>
  37.             <div class="col-lg-5 text-center">
  38.               <img src="пипупи.png" width="300" alt="О нас" class="img-placeholder">
  39.               <p class="text-muted small mt-2">Гвоздодёр</p>
  40.             </div>
  41.           </div>
  42.           <div class="button">
  43.             <h5>Связаться с нами (не надо)</h5>
  44.             <a href="https://t.me/Da_ya_a_chto" target="_blank" rel="noopener noreferrer">
  45.               <img src="tg.png" alt="Telegram" class="tg-icon" width="100">
  46.             </a>
  47.             <p>Наша почта: [email protected]</p>
  48.           </div>
  49.         </div>
  50.       </main>
  51.     </div>
  52.   </div>
  53.  
  54.   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  55. </body>
  56. </html>
  57.  
  58. файл "пр2.html"
  59. <!doctype html>
  60. <html>
  61. <head>
  62.   <meta charset="utf-8">
  63.   <meta name="viewport" content="width=device-width, initial-scale=1">
  64.   <title>Наши услуги</title>
  65.   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
  66.   <style>
  67.     body { min-height:100vh; background:#f7f9fc; }
  68.     .sidebar { min-height:100vh; background:#fff; border-right:1px solid #e5e8ef; padding:1rem; }
  69.     .nav-link.active { color:#0d6efd; font-weight:600; background:#eef5ff; border-radius:6px; }
  70.     .content-card { background:#fff; border-radius:10px; padding:1.25rem; box-shadow:0 6px 18px rgba(15,30,60,0.05); }
  71.     .img-placeholder { max-width:100%; height:auto; border-radius:8px; object-fit:cover; }
  72.   </style>
  73. </head>
  74. <body>
  75.   <div class="container-fluid">
  76.     <div class="row g-0">
  77.       <aside class="col-12 col-md-3 col-lg-2 sidebar">
  78.         <h4 class="mb-3">Мой сайт</h4>
  79.         <nav class="nav flex-column">
  80.           <a class="nav-link mb-2" href="пр1.html">О нас</a>
  81.           <a class="nav-link active mb-2" href="пр2.html">Наши достижения</a>
  82.         </nav>
  83.       </aside>
  84.  
  85.       <main class="col p-4">
  86.         <div class="content-card">
  87.           <div class="row g-4">
  88.             <div class="col-lg-7">
  89.               <h2>Наши услуги</h2>
  90.               <ul>
  91.                 <li>Умение 1: делать странный плакат на конференцию силаэдра</li>
  92.                 <li>Умение 2: готовлю торт за два часа, люблю смотреть на небеса</li>
  93.                 <li>Умение 3: играю в теннис на гитаре (без запятой)</li>
  94.               </ul>
  95.             </div>
  96.             <div class="col-lg-5 text-center">
  97.  
  98.                 <img src="гуис.png" width ="200"  alt="Услуги" class="img-placeholder">
  99.                 <p class="text-muted small mt-2">гуси</p>
  100.               </div>
  101.             </div>
  102.           </div>
  103.         </main>
  104.       </div>
  105.     </div>
  106.  
  107.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  108. </body>
  109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!