Return-Ready-2021-JavaScript-Evening · gee92 · Oct 29, 2020 · Nov 5, 2020 · Nov 30, 2020 · Dec 14, 2020
diff --git a/Convert-Mockup-Lab/.gitignore b/Convert-Mockup-Lab/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/Convert-Mockup-Lab/README.md b/Convert-Mockup-Lab/README.md
@@ -0,0 +1,39 @@
+# Work Assignment - CSS Convert Mockup
+
+## Tech Stack
+A list of expected technology to be used in this assignment
+
+* HTML
+* CSS
+* Web Browser
+* Bootstrap
+* Image Editing Software (GIMP)
+
+## Assignment
+ This repository you will find two image files that represent two web pages. Convert the provided designs into a functional web page.
+
+## Requirements
+
+### Part 1
+
+* Create both web pages in files namde *index.html* and *blog-post.html* in the root directory
+* Use an external CSS file to style the page
+* store all css files in a directory named *styles*
+* store all image files in a directory name *images*
+
+### Part 2
+
+Refactor your CSS by using the Bootstrap CSS framework where possible
+
+### Instructions
+
+1. Fork this repository
+2. Clone your repository to your local machine `git clone`
+3. Complete lab requirements
+	* Create HTML pages in the root directory
+	* Create a folder named 'images' and add image files to this directory
+	* Create a folder for CSS and add all CSS file to this directory
+4. Add files to staging: `git add .`
+5. Commit staged files: `git commit -m <some-information-message-here>`
+6. Push changes to GitHub `git push`
+7. Finally create a pull request from your projects GitHub page
diff --git a/Convert-Mockup-Lab/blog-post.png b/Convert-Mockup-Lab/blog-post.png
diff --git a/Convert-Mockup-Lab/blog.png b/Convert-Mockup-Lab/blog.png
diff --git a/IMG_2333.jpeg b/IMG_2333.jpeg
diff --git a/JavaScript-Loops-Lab.html b/JavaScript-Loops-Lab.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+
+    </head>
+<body>
+    <main></main>
+    <script src="JavaScript-Loops-Lab.js"></script>
+</body>
+</html> 
diff --git a/JavaScript-Loops-Lab.js b/JavaScript-Loops-Lab.js
@@ -0,0 +1,80 @@
+// Part 1 
+
+for (i = 0; i <= 10; i++) {
+    console.log(i);
+
+}
+
+//part 2 
+
+for (i = 1; i <= 10; i++) {
+    console.log(i*i);
+}
+
+
+//part 3 
+let n = 20;
+for (i = 0; i <=n; i+=2) {
+   console.log (i);
+}
+
+/*part 4 
+ numberSum = (n,m) => {
+    let total = 0;
+     for 
+  }
+  }
+      console.log(numberSum()); */
+
+
+// challenge 5 
+
+/*let answer = prompt("Are we there yet?")
+  if(answer === "yes"){
+   console.log("good");
+
+   } else {
+    while (answer !== "yes")
+     answer= prompt("Are we there yet?");
+   }
+
+   console.log("good");*/
+
+// 6 Triangle 
+
+let triangle = " ";
+
+for (let i=1; i <= 12; i++) { 
+  triangle += i + " ";
+  console.log(triangle);
+}
+
+
+
+// 7
+
+let output="";let count = 0;
+for (let i = 1; i <= 4; i++)
+{
+
+    for (let j = 0; j < 4; j += 1)
+    {
+   output +=(count+1)+"\t";count ++;
+   }output+="\n";
+
+}
+console.log(output);
+
+//8 
+let output="";let count = 0;
+for (let i = 1; i <= 6; i++)
+{
+
+    for (let j = 0; j < 6; j += 1)
+    {
+   output +=(count+1)+"\t";count ++;
+   }output+="\n";
+
+}
+console.log(output);
+
diff --git a/convert- mockuplab/Coding.jpeg b/convert- mockuplab/Coding.jpeg
diff --git a/convert- mockuplab/IMG_1609.jpeg b/convert- mockuplab/IMG_1609.jpeg
diff --git a/convert- mockuplab/IMG_4274.jpg b/convert- mockuplab/IMG_4274.jpg
diff --git a/convert- mockuplab/IMG_4879.jpeg b/convert- mockuplab/IMG_4879.jpeg
diff --git a/convert- mockuplab/THe g code..jpg b/convert- mockuplab/THe g code..jpg
diff --git a/convert- mockuplab/Travel.jpeg b/convert- mockuplab/Travel.jpeg
diff --git a/convert- mockuplab/barca.jpeg b/convert- mockuplab/barca.jpeg
diff --git a/convert- mockuplab/bike.jpeg b/convert- mockuplab/bike.jpeg
diff --git a/convert- mockuplab/blog.html b/convert- mockuplab/blog.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="index.css">
+
+  </head>
+
+      <body>
+
+        <header> 
+
+          <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+            <a class="navbar-brand" href="#">Home</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+              <ul class="navbar-nav">
+                <li class="nav-item active">
+                  <a class="nav-link" href="#">Service <span class="sr-only">(current)</span></a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Portfolio</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">About</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Blog</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" href="#">Contact</a>
+                </li>
+              </ul>
+            </div>
+          </nav>
+       </header>
+
+       <div class="card-deck">
+        <div class="card">
+          <img class="card-img-top" src="solejump.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">My name is Geneara and I am a skydiver LOL... </h5>
+            <p class="card-text">  If you've ever meet me in person I'm sure in the first five minutes of our conversation I mentioned I am a skydiver. Its one of my favorite identifiers. You're probably wondering... "why did you decide to start skydiving?" Well I loved the thrill. I loved that in those 60 seconds of free fall I was right there in that moment. Its so rerfrshing exciting. Especially when you are doing it with friends.     </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+        <div class="card">
+          <img class="card-img-top" src="camping.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">Camping Trip During pandemic</h5>
+            <p class="card-text"> In July A friend and I drove up to northern PA and rented a campsite. Soon as we arrive we set up camp, put our tent together and got the fire started.  It had been abnoput 10 years since I had actually slept in the tent. Im not goung to lie i was a bit nervous about wild life. But I think because it was a heavily populated camping area alot of the animals kept away. We didnt cook any food over the fire b/c we were only statying for one night and we brought sandwhiches to keep it a bit simple. Overall This trip was one of the highlights of my 2020. </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+        <div class="card">
+          <img class="card-img-top" src="bike.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">Brought A Bike! </h5>
+            <p class="card-text"> Like everyone else over this pandemic Lets just say i was eating A LOT (in my 21 savage voice)
+              And I learned life if all about balance so I brought a bike to get some cardio in throughout my week. Ive had it for about a month and only rode it once. #babysteps
+            </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+      </div>
+
+      <div class="card-deck">
+        <div class="card">
+          <img class="card-img-top" src="Coding.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">Switching careers </h5>
+            <p class="card-text"> I joined a coding bootcamp! AAAAAnd OMG! In my cohert we are learning HTML, CSS and last and very much so NOT least JAVASCRIPT! It's been a journey but a journey I am comitted to continuing and completing. Its a 16 week Bootcamp and we are about half way through. once we are completed the cohert I WILL BE A SOFTWARE DEVELOPER! </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+        <div class="card">
+          <img class="card-img-top" src="puzzel 2.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">Do YOu like Puzzles? </h5>
+            <p class="card-text"> I love puzzles! They help me think critically! The pciture about is a 300 piece puzzle i really enjoyed doing. with all the houses and different colors it made me really have to work to put it together.  </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+        <div class="card">
+          <img class="card-img-top" src="Travel.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title"> Traveling in 2020</h5>
+            <p class="card-text"> I havent traveled much in 2020 thats it sad story. its a panddy (pandemic) going on. so whatever. </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+      </div>
+
+      <div class="card-deck">
+        <div class="card">
+          <img class="card-img-top" src="barca.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">I went to a BARCA match</h5>
+            <p class="card-text"> At the end of 2019 I went to Barcelona. Went to a Football (soccer) game and seen Messi the great play.   </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+        <div class="card">
+          <img class="card-img-top" src="ubducted.jpeg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title">OMGGGG I was abducted by aliens. </h5>
+            <p class="card-text"> So it was 1875 I was walking in a park with my husband and dogs. All of a sudden there was a bright light in the sky. I felt a cool breeze then I was being held by a strange lady and i was a baby.  </p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+        <div class="card">
+          <img class="card-img-top" src="IMG_4274.jpg" alt="Card image cap">
+          <div class="card-body">
+            <h5 class="card-title"> I LOVE SEAFOOD</h5>
+            <p class="card-text"> I'm a pescatarian. But my doctor says too much of it can be dangerous. but what does he know. Im goign to eat it any way</p>
+          </div>
+          <div class="card-footer">
+            <small class="text-muted">Last updated 3 mins ago</small>
+          </div>
+        </div>
+      </div>
+
+
+
+<footer class="main-footer">
+
+
+
+
+  </span>
+</footer>
+</body>
+
+</html>
diff --git a/convert- mockuplab/camping.jpeg b/convert- mockuplab/camping.jpeg
diff --git a/convert- mockuplab/index.css b/convert- mockuplab/index.css
@@ -0,0 +1,35 @@
+
+body{
+    margin-top: ;
+}
+
+
+.card-deck{
+    margin: 35px;
+
+}
+
+.main-footer{
+    background-color: darkslategray;
+    color: white;
+    height: 350px;
+
+
+
+}
+
+.column{
+  padding-top: 45px;
+  align-content: center;
+
+
+}
+
+.dotted {
+    border-top: 3px dotted #bbb;
+
+
+}
+
+.container{
+   margin-top: 35px;