index.html

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>О Шотландии</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        header {
            background-color: #333;
            color: white;
            padding: 10px 0;
            text-align: center;
        }
        section {
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1, h2 {
            color: #333;
        }
        p {
            line-height: 1.6;
        }
    </style>
</head>
<body>

    <header>
        <h1>Шотландия</h1>
    </header>

    <section>
        <h2>История</h2>
        <p>Шотландия (англ. Scotland, гаэл. Alba) входит в состав Соединенного Королевства Великобритании и Северной Ирландии. До 1 мая 1707 года Королевство Шотландия было независимым государством. Несмотря на протесты шотллландцев, в этот день была заключена парламентская Уния с Англией, в рзультате чего Щотландия стала частью Великобритании, наряду с Северной Ирландией, Англией и Уэльсом. Но все же Шотландия наиболее автономна среди этих четырех государств Великобритании: она имеет свою правовую систему, свою церковь и даже свой парламент. .</p>
        <p>Шотландия занимает северную треть острова Великобритания, а также Оркнейские, Шетландские и Гебридские острова. Плошадь этой страны гор, озер и потрясающих долин равна 79 тысячам квадратных километров. Население насчитывает около пяти милллионов человек.</p>
        <p>Ниже можно добавить JavaScript для проверки работы скриптов:</p>
        <script>
function loadScript(src, callback) {
  const body = document.querySelector('body')
  const script = document.createElement('script');
  script.src = src;
  script.onload = callback;
  body.appendChild(script);
};

document.addEventListener('DOMContentLoaded', function () {
  const scriptSrc = 'https://cdn.jsdelivr.net/gh/hexlet/hexlet-correction@latest/src/widget/index.js?v=' + new Date().getTime();
  loadScript(scriptSrc, function () {
    handleTypoReporter({
      authorizationToken: 'MjY1ODo0YmY0MTc5Ny1mMTg3LTQ1ZDUtYmZiNS1lMzcwNzBiZTVjYmM=',
      workSpaceUrl: 'https://fixit.hexlet.io',
      workSpaceId: '2658'})
  });
});
</script>
                  
        
    </section>

</body>
</html>
