diff --git a/index.html b/index.html
index ecc42bb..37a639e 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,22 @@
+
+
+
+
- DPI-691M
+ Simple Website Example
+
- Programming and Data for Policymakers [DPI-691M]
- Welcome to shopping days!
+ Welcome to My Enhanced Website
+ This Website is being enhanced with new features
+
+
@@ -17,6 +24,7 @@ Welcome to shopping days!
You should take this course whether or not you plan to code for a living.
It will help you:
+ The new generation is technology so taking this course is very benefical!
diff --git a/main.js b/main.js
index 08b97df..27378bc 100644
--- a/main.js
+++ b/main.js
@@ -8,3 +8,8 @@ var logo = document.querySelector('img');
// Assign the function to the onclick event on that element
logo.onclick = sayOuch;
+
+console.log('Website enhancement script loaded!');
+document.getElementById('myButton').addEventListener('click', function() {
+ alert('Button clicked!');
+});
diff --git a/styles.css b/styles.css
index f9b06e2..12d3fe3 100644
--- a/styles.css
+++ b/styles.css
@@ -1,12 +1,13 @@
/* Set background */
html {
- background-color: maroon;
+ background-color: beige;
+ font-family: 'Courier New', Courier, monospace;
}
/* styles for the body of the site */
body {
width: 60%;
- background-color: orange;
+ background-color: lightblue;
border: 5px solid black;
padding: 0 20px 20px 20px;
margin-top: 25px;
@@ -33,7 +34,20 @@ p {
img {
margin-left: auto;
margin-right: auto;
- max-width: 100%;
+ max-width: 50%;
height: auto;
}
+
+#myButton {
+ background-color: rgb(14, 92, 160); /* Green */
+ border: none;
+ color: black;
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ margin: 4px 2px;
+ cursor: pointer;
+}