-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1f79681
commit 76469c4
Showing
6 changed files
with
157 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>About - VCW SCSS Layout</title> | ||
| <link rel="stylesheet" href="dist/main.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>About VCW SCSS Layout</h1> | ||
| </header> | ||
| <main> | ||
| <section> | ||
| <h2>About This Project</h2> | ||
| <p>VCW SCSS Layout is a project setup for SCSS with Webpack. It demonstrates how to structure and compile SCSS files using Webpack, along with integrating Bootstrap and Normalize.css.</p> | ||
| </section> | ||
| <section> | ||
| <h2>Project Structure</h2> | ||
| <p>The project structure includes directories for SCSS, source files, and configuration files. Key directories include:</p> | ||
| <ul> | ||
| <li><strong>dist/</strong>: Webpack output directory</li> | ||
| <li><strong>node_modules/</strong>: Node.js dependencies</li> | ||
| <li><strong>src/</strong>: Source files including SCSS</li> | ||
| </ul> | ||
| </section> | ||
| <section> | ||
| <h2>SCSS Structure</h2> | ||
| <p>The SCSS files are organized into several directories:</p> | ||
| <ul> | ||
| <li><strong>abstracts/</strong>: Variables, mixins, functions, placeholders</li> | ||
| <li><strong>base/</strong>: Reset, typography, base styles</li> | ||
| <li><strong>components/</strong>: Buttons, cards, modals, etc.</li> | ||
| <li><strong>layout/</strong>: Header, footer, grid system, sidebar, etc.</li> | ||
| <li><strong>pages/</strong>: Page-specific styles</li> | ||
| <li><strong>themes/</strong>: Theme styles (dark, light, etc.)</li> | ||
| <li><strong>vendors/</strong>: Third-party styles (Bootstrap, Normalize.css, etc.)</li> | ||
| </ul> | ||
| </section> | ||
| </main> | ||
| <footer> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="privacy.html">Privacy</a></li> | ||
| <li><a href="contact.html">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Contact - VCW SCSS Layout</title> | ||
| <link rel="stylesheet" href="dist/main.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Contact Us</h1> | ||
| </header> | ||
| <main> | ||
| <section> | ||
| <h2>Contact Information</h2> | ||
| <p>If you have any questions or feedback, please feel free to reach out to us.</p> | ||
| <p>Email: support@visionarycodeworks.com</p> | ||
| </section> | ||
| </main> | ||
| <footer> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="privacy.html">Privacy</a></li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>VCW SCSS Layout</title> | ||
| <link rel="stylesheet" href="dist/main.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Welcome to VCW SCSS Layout</h1> | ||
| </header> | ||
| <main> | ||
| <section> | ||
| <h2>About This Project</h2> | ||
| <p>This project demonstrates how to structure and compile SCSS files using Webpack, along with integrating Bootstrap and Normalize.css.</p> | ||
| </section> | ||
| <section> | ||
| <h2>Get Started</h2> | ||
| <p>Clone the repository and install the dependencies to get started with the development:</p> | ||
| <pre> | ||
| git clone https://github.com/Visionary-Code-Works/vcw-scss-layout.git | ||
| cd vcw-scss-layout | ||
| npm install | ||
| </pre> | ||
| </section> | ||
| </main> | ||
| <footer> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="privacy.html">Privacy</a></li> | ||
| <li><a href="contact.html">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Privacy Policy - VCW SCSS Layout</title> | ||
| <link rel="stylesheet" href="dist/main.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Privacy Policy</h1> | ||
| </header> | ||
| <main> | ||
| <section> | ||
| <h2>Privacy Policy</h2> | ||
| <p>Your privacy is important to us. This project does not collect any personal data. For further information, please refer to the project's privacy policy documentation.</p> | ||
| </section> | ||
| </main> | ||
| <footer> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="contact.html">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,38 @@ | ||
| <!-- index.html --> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>My Project</title> | ||
| <title>VCW SCSS CDN</title> | ||
| <link rel="stylesheet" href="dist/main.css"> | ||
| </head> | ||
| <body> | ||
| <header class="header"> | ||
| <div class="header-logo">Logo</div> | ||
| <nav class="header-nav"> | ||
| <ul> | ||
| <li class="nav-item"><a href="#home">Home</a></li> | ||
| <li class="nav-item"><a href="#about">About</a></li> | ||
| <li class="nav-item"><a href="html/index.html">Home</a></li> | ||
| <li class="nav-item"><a href="html/about.html">About</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
| <div id="root"></div> | ||
|
|
||
| <main class="container"> | ||
| <h1>Welcome to My Project</h1> | ||
| <h1>Visionary Code Works CDN</h1> | ||
| <p>This is a simple example setup using SCSS and Webpack.</p> | ||
| </main> | ||
|
|
||
| <footer class="footer"> | ||
| <ul class="footer-links"> | ||
| <li class="link-item"><a href="#contact">Contact</a></li> | ||
| <li class="link-item"><a href="#privacy">Privacy</a></li> | ||
| <li class="link-item"><a href="html/contact.html">Contact</a></li> | ||
| <li class="link-item"><a href="html/privacy.html">Privacy</a></li> | ||
| </ul> | ||
| <div class="footer-copy">© 2024 My Project</div> | ||
| </footer> | ||
|
|
||
| <script src="dist/bundle.js"></script> | ||
| <script src="bundle.js"></script> | ||
| </body> | ||
|
|
||
| </html> | ||
| </html> |