DEV Community

Shrikant Dhayje
Shrikant Dhayje

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

Building Website from Scratch - Part 4

#webdev #shriekdj #codewithshriekdj #beginners

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

Main And footer Section added with link to blank css nd js file #9

shriekdj avatar
shriekdj posted on
View on GitHub

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.


View on GitHub


Top comments (0)