Add files via upload

tanishaaraoo · May 24, 2024 · 9954b6d · 9954b6d
1 parent acf8f26
commit 9954b6d
Show file tree

Hide file tree

Showing 11 changed files with 145 additions and 0 deletions.
diff --git a/WEBDEV.code-workspace b/WEBDEV.code-workspace
@@ -0,0 +1,26 @@
+{
+	"folders": [
+		{
+			"path": "."
+		},
+		{
+			"path": "../OneDrive/Documents/Fusion 360/5.3 CSS Selectors"
+		},
+		{
+			"path": "../OneDrive/Documents/Fusion 360/design rules"
+		},
+		{
+			"path": "../OneDrive/Documents/Fusion 360/electronics cam"
+		},
+		{
+			"path": "../OneDrive/Documents/Fusion 360/scripts"
+		},
+		{
+			"path": "../OneDrive/Documents/Fusion 360/spice"
+		},
+		{
+			"path": "../OneDrive/Documents/Fusion 360/ulps"
+		}
+	],
+	"settings": {}
+}
diff --git a/images/Iron_Man_(2008_film)_poster.jpg b/images/Iron_Man_(2008_film)_poster.jpg
diff --git a/images/gyrobot.jpeg b/images/gyrobot.jpeg
diff --git a/images/iron-man-2020-suit-xf.jpg b/images/iron-man-2020-suit-xf.jpg
diff --git a/images/mars rover.jpeg b/images/mars rover.jpeg
diff --git a/images/profile picture.jpeg b/images/profile picture.jpeg
diff --git a/images/robotic-arm.jpeg b/images/robotic-arm.jpeg
diff --git a/images/robotics club iitk.jpg b/images/robotics club iitk.jpg
diff --git a/images/space station.jpeg b/images/space station.jpeg
diff --git a/styles.css b/styles.css
@@ -0,0 +1,70 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+}
+.parts{
+    font-family: Georgia, 'Times New Roman', Times, serif;
+    color: purple;
+}
+.team{
+    font-family: 'Times New Roman', Times, serif;
+    color: green;
+}
+.red{
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    color: red;
+}
+.intro{
+    fo;
+}
+
+ .profile {
+    width: 200px; /* Adjust width as needed */
+    height: auto;
+}
+
+ .profile {
+    display: block;
+    margin: 0 auto 20px auto; /* Center the images */
+}
+.robotics-club-image {
+    width: 400px; /* Adjust width as needed */
+    height: auto;
+}
+
+.robotics-club-image {
+    display: block;
+    margin: 0 auto 20px auto; /* Center the images */
+}
+
+.team, .parts, .intro, h1 {
+    margin: 20px 0;
+}
+
+.intro {
+    width: 80%;
+    margin: 0 auto 20px auto; /* Center the text block */
+    text-align: left; /* Align the text to the left */
+}
+
+.gyrobot-container,.space-station-container,.mars-rover-container,.robotic-arm-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 20px auto; /* Center the container */
+    width: 80%;; /* Adjust as needed */
+}
+
+.gyrobot,.space-station,.mars-rover,.robotic-arm {
+    margin-right: 20px; /* Space between image and text */
+}
+
+.gyrobot-text,.space-station-text,.mars-rover-text,.robotic-arm-text {
+    flex: 1;
+    text-align: left;
+}
+.gyrobot,.space-station,.mars-rover,.robotic-arm{
+    width: 200px;
+}
diff --git a/web.html b/web.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Robotics club iitk</title>
+    <link rel="stylesheet" href="./styles.css">
+</head>
+<body>
+    <img class="robotics-club-image" src="images/robotics club iitk.jpg" alt="Robotics Club IITK">
+    <h1 class="team">INTRODUCING OUR TEAM</h1>
+    <h1 class="parts">SECRETARY</h1>
+    <img class="profile" src="images/profile picture.jpeg" alt="Profile Picture">
+    <h2 class="intro">I am B Tanisha Rao, Y23, secretary of robotics club at IIT Kanpur. I am passionate about robots and technology and I have had the opportunity to work with various projects in the club.</h2>
+    <h1 class="red">SUMMER PROJECTS</h1>
+    <div class="gyrobot-container">
+        <img class="gyrobot" src="images/gyrobot.jpeg" alt="Gyrobot">
+        <div class="gyrobot-text">
+            <h2>GYROBOT: SELF-BALANCING ROBOT</h2>
+            <p>A two-wheeled self-balancing robot that achieves perfect equlibrium, using technology and precision engineering.The robot has locomotion capabilities while maintaining its balance similar to humans.
+                </p>      
+        </div>
+    </div>
+    <div class="space-station-container">
+        <img class="space-station" src="images/space station.jpeg" alt="">
+        <div class="space-station-text">
+            <h2>SPACE STATION: CONTROLS AND COMMUNICATION</h2>
+            <P>To develop and validate the communication and control system for remotely operating the rover over extensive distances with precise movements and efficient data tranfer. </P>
+
+        </div>
+    </div>
+    <div class="mars-rover-container">
+        <img class="mars-rover" src="images/mars rover.jpeg" alt="">
+        <div class="mars-rover-text">
+            <h2>SPACE STATION: CONTROLS AND COMMUNICATION</h2>
+            <P>To develop and validate the communication and control system for remotely operating the rover over extensive distances with precise movements and efficient data tranfer. </P>
+
+        </div>
+    </div>
+    <div class="robotic-arm-container">
+        <img class="robotic-arm" src="images/robotic-arm.jpeg" alt="">
+        <div class="robotic-arm-text">
+            <h2>SPACE STATION: CONTROLS AND COMMUNICATION</h2>
+            <P>To develop and validate the communication and control system for remotely operating the rover over extensive distances with precise movements and efficient data tranfer. </P>
+
+        </div>
+    </div>
+</body>
+</html>