DEV Community

Shrikant Dhayje
Shrikant Dhayje

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

2 1

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.




Image of Docusign

Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs