As I embark on creating a website using Bootstrap, I stumbled upon a registration page code that consists of three files - HTML, CSS, and .js.
registration.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Code </title>
<link href="css/my.css" rel="stylesheet">
<script src="js/b.js"></script>
</head>
<body>
...
my.css
@import "compass/css3";
$body-bg: #c1bdba;
$form-bg: #13232f;
$white: #ffffff;
...
b.js
$('.form').find('input, textarea').on('keyup blur focus', function (e) {
...
});
$('.tab a').on('click', function (e) {
...
});
After downloading the files, I placed the HTML file in the website folder and the CSS and JS files in their respective folders. However, when I attempted to link these external files using
<link href="css/my.css" rel="stylesheet">
<script src="js/b.js"></script>
I encountered errors. It seems like there might be an issue with the CSS rules or how the external ".js" and CSS files are being utilized.