diff --git a/Convert-Mockup-Lab/.gitignore b/Convert-Mockup-Lab/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/Convert-Mockup-Lab/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/Convert-Mockup-Lab/README.md b/Convert-Mockup-Lab/README.md new file mode 100644 index 0000000..e4841b1 --- /dev/null +++ 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 ` +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 new file mode 100644 index 0000000..d9fc637 Binary files /dev/null and b/Convert-Mockup-Lab/blog-post.png differ diff --git a/Convert-Mockup-Lab/blog.png b/Convert-Mockup-Lab/blog.png new file mode 100644 index 0000000..c5e50c3 Binary files /dev/null and b/Convert-Mockup-Lab/blog.png differ diff --git a/IMG_2333.jpeg b/IMG_2333.jpeg new file mode 100644 index 0000000..d8c2415 Binary files /dev/null and b/IMG_2333.jpeg differ diff --git a/JavaScript-Loops-Lab.html b/JavaScript-Loops-Lab.html new file mode 100644 index 0000000..2302dba --- /dev/null +++ b/JavaScript-Loops-Lab.html @@ -0,0 +1,10 @@ + + + + + + +
+ + + \ No newline at end of file diff --git a/JavaScript-Loops-Lab.js b/JavaScript-Loops-Lab.js new file mode 100644 index 0000000..8ae8349 --- /dev/null +++ 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 new file mode 100644 index 0000000..4b4916f Binary files /dev/null and b/convert- mockuplab/Coding.jpeg differ diff --git a/convert- mockuplab/IMG_1609.jpeg b/convert- mockuplab/IMG_1609.jpeg new file mode 100644 index 0000000..4b4916f Binary files /dev/null and b/convert- mockuplab/IMG_1609.jpeg differ diff --git a/convert- mockuplab/IMG_4274.jpg b/convert- mockuplab/IMG_4274.jpg new file mode 100755 index 0000000..af82e92 Binary files /dev/null and b/convert- mockuplab/IMG_4274.jpg differ diff --git a/convert- mockuplab/IMG_4879.jpeg b/convert- mockuplab/IMG_4879.jpeg new file mode 100644 index 0000000..44d25b4 Binary files /dev/null and b/convert- mockuplab/IMG_4879.jpeg differ diff --git a/convert- mockuplab/THe g code..jpg b/convert- mockuplab/THe g code..jpg new file mode 100644 index 0000000..355521c Binary files /dev/null and b/convert- mockuplab/THe g code..jpg differ diff --git a/convert- mockuplab/Travel.jpeg b/convert- mockuplab/Travel.jpeg new file mode 100644 index 0000000..6fe1024 Binary files /dev/null and b/convert- mockuplab/Travel.jpeg differ diff --git a/convert- mockuplab/barca.jpeg b/convert- mockuplab/barca.jpeg new file mode 100644 index 0000000..3a2659f Binary files /dev/null and b/convert- mockuplab/barca.jpeg differ diff --git a/convert- mockuplab/bike.jpeg b/convert- mockuplab/bike.jpeg new file mode 100644 index 0000000..43c5c50 Binary files /dev/null and b/convert- mockuplab/bike.jpeg differ diff --git a/convert- mockuplab/blog.html b/convert- mockuplab/blog.html new file mode 100644 index 0000000..3045848 --- /dev/null +++ b/convert- mockuplab/blog.html @@ -0,0 +1,153 @@ + + + + + + + + + + + +
+ + +
+ +
+
+ Card image cap +
+
My name is Geneara and I am a skydiver LOL...
+

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.

+
+ +
+
+ Card image cap +
+
Camping Trip During pandemic
+

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.

+
+ +
+
+ Card image cap +
+
Brought A Bike!
+

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 +

+
+ +
+
+ +
+
+ Card image cap +
+
Switching careers
+

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!

+
+ +
+
+ Card image cap +
+
Do YOu like Puzzles?
+

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.

+
+ +
+
+ Card image cap +
+
Traveling in 2020
+

I havent traveled much in 2020 thats it sad story. its a panddy (pandemic) going on. so whatever.

+
+ +
+
+ +
+
+ Card image cap +
+
I went to a BARCA match
+

At the end of 2019 I went to Barcelona. Went to a Football (soccer) game and seen Messi the great play.

+
+ +
+
+ Card image cap +
+
OMGGGG I was abducted by aliens.
+

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.

+
+ +
+
+ Card image cap +
+
I LOVE SEAFOOD
+

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

+
+ +
+
+ + + + + + + diff --git a/convert- mockuplab/camping.jpeg b/convert- mockuplab/camping.jpeg new file mode 100644 index 0000000..922c7cc Binary files /dev/null and b/convert- mockuplab/camping.jpeg differ diff --git a/convert- mockuplab/index.css b/convert- mockuplab/index.css new file mode 100644 index 0000000..5be497c --- /dev/null +++ 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; \ No newline at end of file diff --git a/convert- mockuplab/index.html b/convert- mockuplab/index.html new file mode 100644 index 0000000..fd55126 --- /dev/null +++ b/convert- mockuplab/index.html @@ -0,0 +1,135 @@ + + + + + + + + + + + + +
+ +
+
+
+
+

Popular Post

+
+
+ + + + +
+
+
+
+ blog photo
+

+ +
+
+

I Love Food

+
Post by Jane Dane, Sep 27, 2015.
+
Food Ipsum

+

Food is my passion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

+ +

RECENT POSTS

+
+

Officially Blogging

+
Post by John Doe, Sep 24, 2015.
+
Lorem

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ +

Leave a Comment:

+
+
+ +
+ +
+

+ +

2 Comments:


+ +
+
+
+
+

Anja Sep 29, 2015, 9:12 PM

+

Keep up the GREAT work! I am cheering for you!! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ Avatar +
+
+

John Row Sep 25, 2015, 8:25 PM

+

I am so happy for you man! Finally. I am looking forward to read about your trendy life. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+

1 Comment:


+
+
+ Avatar +
+
+

Nested Bro Sep 25, 2015, 8:28 PM

+

Me too! WOW!

+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/convert- mockuplab/puzzel 2.jpeg b/convert- mockuplab/puzzel 2.jpeg new file mode 100644 index 0000000..bdacb26 Binary files /dev/null and b/convert- mockuplab/puzzel 2.jpeg differ diff --git a/convert- mockuplab/solejump.jpeg b/convert- mockuplab/solejump.jpeg new file mode 100644 index 0000000..f3c207a Binary files /dev/null and b/convert- mockuplab/solejump.jpeg differ diff --git a/convert- mockuplab/thegcode.jpeg b/convert- mockuplab/thegcode.jpeg new file mode 100644 index 0000000..7c619dc Binary files /dev/null and b/convert- mockuplab/thegcode.jpeg differ diff --git a/convert- mockuplab/ubducted.jpeg b/convert- mockuplab/ubducted.jpeg new file mode 100644 index 0000000..a8a0a2d Binary files /dev/null and b/convert- mockuplab/ubducted.jpeg differ diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..c30dcf7 --- /dev/null +++ b/resume.html @@ -0,0 +1,38 @@ + + + + +

Geneara Boardley

+geneara work picture + +

Objective

+

My objective is to learn the languages that will help me start a career in softwear developent. + Once I learn The neccessary languages I would like to use them to create a network for adventurours people to connect. + I plan to finish Code differently with the skill set to accomplish this goal! +

+ +

Work Experience

+ +

Education

+ +

Skills

+ + +

Linkedin Profile Address

+ Geneara Boardley LinkedIN Profile + + + + + + \ No newline at end of file diff --git a/resumeform.html b/resumeform.html new file mode 100644 index 0000000..59594c9 --- /dev/null +++ b/resumeform.html @@ -0,0 +1,61 @@ + + + + +
+
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + + +
+ +
+
+ +
+
+ +
+ + +
+ + +
+
+
+ + +
+ + + + + + + +
+
+ + + \ No newline at end of file