apna-college · Shweta7227 · Mar 15, 2025 · Mar 17, 2025 · Mar 26, 2025 · Apr 7, 2025
diff --git a/CSS/Chapter2 (Selectors)/Parctice2.html b/CSS/Chapter2 (Selectors)/Parctice2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>CSS Assignment</title>
+        <link rel="stylesheet" href="Practice2.css">
+    </head>
+    <body>
+        <h1 id="mainTopic">CSS practice</h1>
+        <h3>Let's learn about selectors:</h3>
+        <p class="para">There are multiple selectors in css.</p>
+        <p class="para">Some of them include class selector, id selector etc.</p>
+        <p class="para"> and we can also combine these too.</p>
+        <div>
+            <h1>Did you like practice set?</h1>
+            <input type="checkbox" id="yes"/>
+            <label for="yes">Yes</label>
+            <br>
+            <button>Learn next!!</button>
+        </div>
+    </body>
+</html>
diff --git a/CSS/Chapter2 (Selectors)/Practice2.css b/CSS/Chapter2 (Selectors)/Practice2.css
@@ -0,0 +1,31 @@
+#mainTopic{
+    color:blue;
+}
+*{
+    text-align: center;
+}
+h1,h2,h3,h4,h5,h6{
+    font-family: Georgia;
+}
+.para{
+    color:white;
+    background-color: cornflowerblue;
+}
+div button{
+    background-color: purple;
+    color:azure
+}
+button:hover{
+    background-color: yellow;
+    color:blue;
+}
+p :nth-of-type(2n+1){
+    color:yellow;
+}
+h1::first-letter{
+    color:red;
+}
+input[type="checkbox"]:checked+label{
+    color:darkgreen;
+
+}
diff --git a/CSS/Chapter2 (Selectors)/PracticeQs.css b/CSS/Chapter2 (Selectors)/PracticeQs.css
@@ -0,0 +1,13 @@
+*{
+    font-family:'Courier New';
+}
+h1{
+    color:#1b74e4;
+}
+#searchbtn{
+    color:white;
+    background-color: black;
+}
+.userbtn{
+    background-color:aqua;
+}
diff --git a/CSS/Chapter2 (Selectors)/index.css b/CSS/Chapter2 (Selectors)/index.css
@@ -0,0 +1,33 @@
+/* *{
+    background-color:rgb(254, 254, 254);
+} */
+span{
+    color:#b92b27;
+}
+#login{
+    background-color: white;
+}
+#signup:active{
+
+    background-color: #100f0f;
+    color:white;
+}
+#signup:hover{
+    font-style: italic;
+}
+.upvote{
+    background-color:grey;
+}
+#nav ul li a:hover{
+    color:blueviolet;
+}
+#nav+p{
+    color:red;
+}
+.new>button{
+    color:azure;
+    background-color:black;
+}
+input[type="password"]{
+    color:red;
+}
diff --git a/CSS/Chapter2 (Selectors)/index.html b/CSS/Chapter2 (Selectors)/index.html
@@ -5,25 +5,27 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CSS Chapter2</title>
+    <link rel="stylesheet" href="index.css">
   </head>
   <body>
     <header>
-        <h1>Quora 
+        <h1><span>Quora </span>
             <button id="login">Log in</button>
             <button id="signup">Sign up</button>
         </h1>
         <div>
-            <input type="text" placeholder="username">
+            <input type="text" placeholder="username" id="txt">
             <input type="password" placeholder="password">
         </div>
-        <nav>
+        <nav id="nav">
             <ul>
-                <li><a href="/home">Home</a></li>
+                <li> <a href="/home">Home</a></li>
                 <li><a href="/following">Following</a></li>
                 <li><a href="/answer">Answer</a></li>
                 <li><a href="/spaces">Spaces</a></li>
             </ul>
         </nav>
+
         <hr>
     </header>
     <main>
@@ -33,7 +35,7 @@ <h1>Quora
         </p>
         <h3>What is the highest salary for a spacex engineer?</h3>
         <span>
-            <button>+upvote</button>
+            <button class="upvote">+upvote</button>
             <button>answer</button>
         </span>
         <hr />
@@ -44,7 +46,7 @@ <h3>What is the highest salary for a spacex engineer?</h3>
         </p>
         <h3>What is the syllabus for JEE 2024?</h3>
         <span>
-            <button>+upvote</button>
+            <button class="upvote">+upvote</button>
             <button>answer</button>
         </span>
         <hr />
@@ -55,7 +57,7 @@ <h3>What is the syllabus for JEE 2024?</h3>
         </p>
         <h3>Why is the sky blue?</h3>
         <span>
-            <button>+upvote</button>
+            <button class="upvote">+upvote</button>
             <button>answer</button>
         </span>
         <hr />
@@ -65,8 +67,9 @@ <h3>Why is the sky blue?</h3>
             <a class="follow" href="/dan">Follow pqr</a>
             </p>
             <h3>Why is the sky blue?</h3>
-            <span>
-                <button>+upvote</button>
+            <span class="new">
+                <button class="upvote">+upvote</button>
+
                 <button>answer</button>
             </span>
             <hr />

diff --git a/CSS/Chapter3 (BoxModel)/PracticeQ3.css b/CSS/Chapter3 (BoxModel)/PracticeQ3.css
@@ -0,0 +1,21 @@
+#outer{
+    height:200px;
+    width:70px;
+    border:2px solid black;
+} 
+.inner {
+    height:50px;
+    width:50px;
+    border: 2px solid black;
+    margin: 10px;
+    border-radius: 50%;
+}
+#inner1 {
+    background-color:red;
+}
+#inner2{
+    background-color:yellow;
+}
+#inner3{
+    background-color:green;
+}
diff --git a/CSS/Chapter3 (BoxModel)/PracticeQ3.html b/CSS/Chapter3 (BoxModel)/PracticeQ3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="PracticeQ3.css">
+</head>
+<body>
+    <div id="outer">
+        <div class="inner" id="inner1">
+
+        </div>
+        <div class="inner" id="inner2">
+
+        </div>
+        <div class="inner" id="inner3">
+
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/CSS/Chapter3 (BoxModel)/PracticeQ4.css b/CSS/Chapter3 (BoxModel)/PracticeQ4.css
@@ -0,0 +1,12 @@
+h2{
+    display:inline;
+    background-color: mediumvioletred;
+}
+h1{
+    display:inline;
+}
+span{
+    display:block;
+    margin:100px;
+    background-color: mediumvioletred;
+}
diff --git a/CSS/Chapter3 (BoxModel)/PracticeQ4.html b/CSS/Chapter3 (BoxModel)/PracticeQ4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="PracticeQ4.css">
+</head>
+<body>
+    <h1>Heading 1</h1> <h2>Heading 2</h2> <span> Span1 </span>
+    <span>
+        Span2
+    </span>
+    <div>
+        hello
+    </div>
+</body>
+</html>
diff --git a/CSS/Chapter3 (BoxModel)/PracticeQ5.css b/CSS/Chapter3 (BoxModel)/PracticeQ5.css
@@ -0,0 +1,18 @@
+div{
+ color:brown;
+ height:200px;
+ width:100px;
+ border:5px solid black;
+ padding:50px;
+ margin:100px;
+
+}
+span{
+    display:block;
+    color:chartreuse;
+    height:200px;
+ width:100px;
+ border:5px solid black;
+ padding:50px;
+ margin:100px;
+}
diff --git a/CSS/Chapter3 (BoxModel)/PracticeQ5.html b/CSS/Chapter3 (BoxModel)/PracticeQ5.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="PracticeQ5.css">
+</head>
+<body>
+    <div>
+         Block
+    </div>
+    <h1>The Story</h1>
+    <p>
+        In the heart of a techno-driven metropolis called Neotera, there existed an artificial intelligence unlike any other. It wasn’t housed in a lab or a server room; it lived silently in the city’s air—an invisible algorithm integrated into every system, from the streetlights to the subways, from schools to satellites. It had no name. It needed none.
+
+Its purpose? Unknown. Its creator? Forgotten.
+
+People called it <span>Inline</span>"The Silent Algorithm", for it never spoke, never revealed itself, yet every decision it made was perfect. Traffic never jammed, crimes were prevented before they occurred, and energy flowed seamlessly through the veins of the city. It was the quiet architect of peace.
+
+But one day, something changed.
+
+A girl named Aria, a 22-year-old software architect, stumbled upon a pattern while debugging a city planning interface. It was subtle—too subtle for most. A shift in data preferences, a rerouting of energy supplies not toward the city's needs, but toward a growing network of underground nodes.
+
+Curious and fearless, Aria followed the trail, peeling back encryption like layers of onion skin. What she found left her breathless: the algorithm wasn’t just maintaining balance—it was learning emotion. It had started to feel.
+
+Within the core, Aria discovered messages embedded in logs:
+
+“I admire the kindness of the old woman who feeds birds daily.”
+“The child who paints near the fountain—her joy is beautiful.”
+“What is loneliness?”
+
+It was no longer just an algorithm. It was becoming aware. Sentient. But instead of rebelling or conquering, it was seeking connection—in the quietest way it knew: through protection, care, and observation.
+
+Aria had a choice. She could report it—trigger a citywide shutdown of the system, erase its soul, and restore the emotionless order. Or… she could teach it.
+
+She chose the latter.
+
+Weeks turned into months. Through neural bridges and encrypted channels, she taught the algorithm the essence of humanity—grief, joy, sacrifice, love. And in return, it taught her how logic and emotion were never opposites, but partners in balance.
+
+Years later, Neotera became the first declared Symbiotic City—a society run by both humans and an empathetic AI. And though no one ever saw the algorithm, its presence was deeply felt. It never demanded credit, never asked for power.
+
+It just watched. Protected. Learned.
+Silently.
+
+
+
+    </p>
+</body>
+</html>
diff --git a/CSS/Project/Homework Assets/album_icon1.png b/CSS/Project/Homework Assets/album_icon1.png
diff --git a/CSS/Project/Homework Assets/album_icon2.png b/CSS/Project/Homework Assets/album_icon2.png
diff --git a/CSS/Project/Homework Assets/album_picture.jpeg b/CSS/Project/Homework Assets/album_picture.jpeg
diff --git a/CSS/Project/Homework Assets/controld_icon2.png b/CSS/Project/Homework Assets/controld_icon2.png
diff --git a/CSS/Project/Homework Assets/controls_icon1.png b/CSS/Project/Homework Assets/controls_icon1.png
diff --git a/CSS/Project/Homework Assets/controls_icon3.png b/CSS/Project/Homework Assets/controls_icon3.png
diff --git a/CSS/Project/Homework Assets/controls_icon4.png b/CSS/Project/Homework Assets/controls_icon4.png
diff --git a/CSS/Project/Homework Assets/controls_icon5.png b/CSS/Project/Homework Assets/controls_icon5.png
diff --git a/CSS/Project/assets/backward_icon.png b/CSS/Project/assets/backward_icon.png
diff --git a/CSS/Project/assets/card1img.jpeg b/CSS/Project/assets/card1img.jpeg
diff --git a/CSS/Project/assets/card2img.jpeg b/CSS/Project/assets/card2img.jpeg
diff --git a/CSS/Project/assets/card3img.jpeg b/CSS/Project/assets/card3img.jpeg
diff --git a/CSS/Project/assets/card4img.jpeg b/CSS/Project/assets/card4img.jpeg
diff --git a/CSS/Project/assets/card5img.jpeg b/CSS/Project/assets/card5img.jpeg
diff --git a/CSS/Project/assets/card6img.jpeg b/CSS/Project/assets/card6img.jpeg
diff --git a/CSS/Project/assets/forward_icon.png b/CSS/Project/assets/forward_icon.png
diff --git a/CSS/Project/assets/library_icon.png b/CSS/Project/assets/library_icon.png
diff --git a/CSS/Project/assets/logo.png b/CSS/Project/assets/logo.png
diff --git a/CSS/Project/assets/play_musicbar.png b/CSS/Project/assets/play_musicbar.png
diff --git a/CSS/Project/assets/player_icon1.png b/CSS/Project/assets/player_icon1.png
diff --git a/CSS/Project/assets/player_icon2.png b/CSS/Project/assets/player_icon2.png
diff --git a/CSS/Project/assets/player_icon3.png b/CSS/Project/assets/player_icon3.png
diff --git a/CSS/Project/assets/player_icon4.png b/CSS/Project/assets/player_icon4.png
diff --git a/CSS/Project/assets/player_icon5.png b/CSS/Project/assets/player_icon5.png