CodeCamp - Front-End Challenge

Developer
Lisa Macken
Size
2,107 Kb
Views
14,168
  1. CodeCamp - Front-End Challenge Previews
  2. CodeCamp - Front-End Challenge HTML Codes
  3. CodeCamp - Front-End Challenge CSS Codes

How do I make an codecamp - front-end challenge?

What is a codecamp - front-end challenge? How do you make a codecamp - front-end challenge? This script and codes were developed by Lisa Macken on 01 October 2022, Saturday.

CodeCamp - Front-End Challenge Previews
IQ Test

CodeCamp - Front-End Challenge - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CodeCamp - Front-End Challenge</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <div class="wrapper"> <header> <h1>Hello World</h1> <h2>Life on the Road</h2> </header> <div class="img-border"><img src = "https://static.pexels.com/photos/87429/matterhorn-zermatt-mountains-alpine-87429-large.jpeg"> <p class="image-caption">Here are some beautiful mountains in god knows where that I needed for this mock webpage to be complete</p> </div> <div> <h3>Header of Lists</h3> <li><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy </li> <li><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy </li> <li><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</li> <li><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</li> <li><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</li> <li><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</li> <p class="quote">"Quote about something"<p> <h3>More written about Adventures with a <a href ="https://www.freecodecamp.com/challenges/build-a-tribute-page">link to something</a></h3> </div> </div> <footer><p>This is the footer area</p></footer>
</body>
</body>
</html>

CodeCamp - Front-End Challenge - Script Codes CSS Codes

h1 { padding-top: 50px; font-size: 50pt; font-weight: bold;
}
h2 { font-size: 30pt; font-family: "sans serif";
}
h3 { font-size: 25pt;
}
body { text-align:center;
}
li { padding: 10px 25%;
}
.wrapper { text-align: center; background-color: #d3d3d3; margin: 40px; width: 90%; padding: 0px 0px 30px 0px;
}
img { max-width: 900px; max-height:500px;
}
.img-border { text-align: center; max-width: 700px; max-height: 600px; margin: 0 auto; background-color: #fff;
}
.image-caption{ padding: 10px;
}
.quote { font-size: 22pt; font-weight: italic; font-family:
}
CodeCamp - Front-End Challenge - Script Codes
CodeCamp - Front-End Challenge - Script Codes
Home Page Home
Developer Lisa Macken
Username lmack90
Uploaded October 01, 2022
Rating 3
Size 2,107 Kb
Views 14,168
Do you need developer help for CodeCamp - Front-End Challenge?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Lisa Macken (lmack90) Script Codes
Name
Carousel
Columns everywhere
SmoothScroll Navigation 2
Menu smoothscroll
Animation examples
SVG icons
A JQuery Mobile Quiz Game
Simple Quiz
Scrollable svg Animations
JQuery Accordian Slider
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!