index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Gulp Browsersync</title>
  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lora:wght@600&display=swap" rel="stylesheet"> 
  <link rel="stylesheet" href="dist/style.css">
</head>
<body>

  <section class="box">
      <h1>Learn Browsersync & Gulp Meow!</h1>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis aperiam repudiandae laborum exercitationem, cupiditate voluptate cum molestiae explicabo laudantium officiis assumenda id sapiente, nihil necessitatibus culpa quasi amet delectus? Vitae!
        Distinctio ratione velit nostrum eos eum possimus perferendis consequuntur, nihil illo aut eligendi cupiditate placeat fuga reiciendis beatae laboriosam magni, qui voluptatum repellat sed. Vel possimus in fuga quam hic.
        Fuga modi unde officiis quibusdam, veritatis vero tenetur saepe dolores suscipit sequi placeat sed, inventore dolor nemo nostrum consectetur doloribus voluptatum excepturi necessitatibus aperiam numquam. Pariatur laboriosam error unde officia?
      </p>
  </section>
  
  <script src="/dist/script.js"></script>
</body>
</html>