done

e08e6248 · Pratyush Thakur · 62bf4727 · e08e6248 · e08e6248 · e08e6248
Commit e08e6248 authored 1 year ago by Pratyush Thakur
--- a/src/css/main.css
+++ b/src/css/main.css
-/* Your CSS here. */
+
+html{
+    box-sizing: border-box;
+    padding-top: 5vh;
+    padding-left: 2.5vw;
+    padding-right: 2.5vw;
+    padding-bottom: 5vh;
+    background-color: black;
+    text-align: center ;
+}
+
+img {
+    
+    height: 150px;
+    width: 150px;
+    margin: 10px; 
+    
+}
+body {
+    margin: 0;
+    padding: 0;
+}
+
+#box1 {
+    text-align: center;
+    box-sizing: border-box;
+    height: 80vh;
+    width: 95vw;
+    background-color: aqua;
+ 
+    border-left: 10vw solid white;
+    border-right: 10vw solid white;
+    border-top: 5vh solid white;
+    border-bottom: 5vh solid white;
+ 
+  }
+  #box1 a {
+    display: block;
+    margin: auto; 
+ 
+    
+}
+#box1 p {
+    text-align: left;
+
+
+}
+
+
--- a/src/index.html
+++ b/src/index.html
@@ -2,6 +2,8 @@
 <html lang="en">

 <head>
+  <link rel="stylesheet" href="css/main.css">
+  <script type="text/javascript" src="js/index.js"></script>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,10 +11,34 @@
 </head>

 <body>
-  <h1>Hello World!</h1>
+
+  <div id = "box1">
+
+    
+
+  
  <img src="assets/image.jpg" />

+  <h2>Pratyush Thakur</h2>
+
+  <h2>pthakur3@illinois.edu</h2>
+
+  <a href = "www.google.com">"hello"</a>
+
+  <p>
+    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint itaque qui mollitia reiciendis rem voluptas aliquam, distinctio quidem quis, id rerum voluptate possimus asperiores, omnis corrupti natus in eveniet dicta.
+  </p>
+
+  <button id = "change" type = "button">
+    Click Me!
+
+  </button>
+  
+
  <script src="bundle.js" type="text/javascript"></script>
+
+
+  </div>
 </body>

 </html>
--- a/src/js/index.js
+++ b/src/js/index.js
 /* Your JS here. */
 console.log('Hello World!')
+
+