DEV Community

Shrikant Dhayje
Shrikant Dhayje

Posted on • Updated on • Originally published at codewithshriekdj.netlify.app

Building Website from Scratch - Part 4

Preface.

So Now I Made Some Changes About the Sections of HTML Page and also link blank CSS And JS ( JavaScript ) file in index.html.


Section Addition in <body> tag.

I Added Given Code in body tag after the div tag with wrapper class.

<!-- Main Section -->
<main class="main">
    Main Section
</main>

<!-- Footer Section -->
<footer class="footer">
    Footer Section
</footer>
Enter fullscreen mode Exit fullscreen mode

Blank Style-sheet and JS ( JavaScript ) file Is Created and Linked.

I Created and linked the Blank file with Some New Folder.

Given Below Is Image of The Structure

File Structure of The Site

static/
  js/
    script.js
  styles/
    style.css
index.html
LICENSE
README.md
Enter fullscreen mode Exit fullscreen mode

Added link to Style-sheet and Script file.

Used the ./static/styles/style.css and ./static/js/script.js type path with forward slash not backslash for future use in any Type of Operating System

Within head tag

<link rel="stylesheet" href="./static/styles/style.css">
Enter fullscreen mode Exit fullscreen mode

At the Last of Body Tag

<script src="./static/js/script.js">
Enter fullscreen mode Exit fullscreen mode

Pull Request


GitHub Repo

GitHub logo shriekdj / site-from-scratch

Here I Will Create My Site from Start to Finish.

Site From Scratch By @shriekdj

Here I Will Create My Site from Start to Finish.

I Will Now Speed Up The Process.




Top comments (0)