make a interactive website from scratch. using code. html, css. I want it to be about...
make a interactive website from scratch. using code. html, css. I want it to be about people on Dialysis, and how we can help to make them more comfortable. Thank you for your help.
Homework Answers
here a code for main web page, you can add images and other files accordingly.
index.html:
###################code##############################
<!DOCTYPE HTML>
<html>
<head>
<title>CrypDonor</title>
<meta charset="utf-8"
/>
<meta name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<meta name="description"
content="" />
<meta name="keywords" content=""
/>
<link rel="stylesheet"
href="assets/css/main.css" />
<link rel="stylesheet"
href="styles.css">
</head>
<body class="is-preload">
<!-- Header -->
<header
id="header">
<a class="logo" href="index.html">Start
Donating</a>
<nav>
<a
href="#menu">Menu</a>
</nav>
</header>
<!-- Nav -->
<nav
id="menu">
<ul class="links">
<li><a
href="index.html">Home</a></li>
<li><a
href="elements.html">Elements</a></li>
<li><a
href="generic.html">Generic</a></li>
</ul>
</nav>
<!-- Banner -->
<section
id="banner">
<div class="inner">
<h1>CrypDonor</h1>
<p>Securely donate
Ether to the needy, anonymously.<br />
</div>
<video autoplay loop muted playsinline
src="images/banner.mp4"></video>
</section>
<!-- Highlights -->
<section
class="wrapper">
<div class="inner">
<header
class="special">
<h2>You can start today!</h2>
</header>
<div
class="highlights">
<section>
<div class="content">
<header>
<a
href="#" class="icon fa-vcard-o"><span
class="label">Icon</span></a>
</header>
<p><font
size="1.9">0xe4CC2a2a1B199576D912d50c4DB0d641999f8f9c</font></p>
</div>
</section>
<section>
<div class="content">
<header>
<a
href="#" class="icon fa-vcard-o"><span
class="label">Icon</span></a>
</header>
<p><font
size="1.9">0xB36E3f267254CE7fbb3b623d7eA9b89404dD0B09</font></p>
</div>
</section>
<section>
<div class="content">
<header>
<a
href="#" class="icon fa-vcard-o"><span
class="label">Icon</span></a>
</header>
<p><font
size="1.9">0x489d28f82fB2170601CE8D82c530253dC082f356</font></p>
</div>
</section>
<section>
<div class="content">
<header>
<a
href="#" class="icon fa-vcard-o"><span
class="label">Icon</span></a>
</header>
<p><font
size="1.9">0xD9b764faC51C33453A48B66D386a9C4c74218803</font></p>
</div>
</section>
<section>
<div class="content">
<header>
<a
href="#" class="icon fa-vcard-o"><span
class="label">Icon</span></a>
</header>
<p><font
size="1.9">0x3291cB9cB6c483D41c51b0f464BCBA99C270C848</font></p>
</div>
</section>
<section>
<div class="content">
<header>
<a
href="#" class="icon fa-vcard-o"><span
class="label">Icon</span></a>
</header>
<p><font
size="1.9">0xa584C52Aea005ccbBA0C416d494814C0703EC804</font></p>
</div>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section
id="cta" class="wrapper">
<div class="inner">
<h2>Donating has never
been so easy.</h2>
<p>Remove the middle
men, there must be no one between you and your
kindness.</p>
</div>
</section>
<!-- Testimonials
-->
<section
class="wrapper">
<div class="inner">
<header
class="special">
<h2>Faucibus consequat lorem</h2>
<p>In arcu accumsan arcu adipiscing accumsan orci ac. Felis
id enim aliquet. Accumsan ac integer lobortis commodo ornare
aliquet accumsan erat tempus amet porttitor.</p>
</header>
<div
class="testimonials">
<section>
<div class="content">
<blockquote>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum
adipiscing gravida odio porttitor sem non mi integer non
faucibus.</p>
</blockquote>
<div
class="author">
<div
class="image">
<img src="images/pic01.jpg" alt=""
/>
</div>
<p
class="credit">- <strong>Jane Doe</strong>
<span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
<section>
<div class="content">
<blockquote>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum
adipiscing gravida odio porttitor sem non mi integer non
faucibus.</p>
</blockquote>
<div
class="author">
<div
class="image">
<img src="images/pic03.jpg" alt=""
/>
</div>
<p
class="credit">- <strong>John Doe</strong>
<span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
<section>
<div class="content">
<blockquote>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum
adipiscing gravida odio porttitor sem non mi integer non
faucibus.</p>
</blockquote>
<div
class="author">
<div
class="image">
<img src="images/pic02.jpg" alt=""
/>
</div>
<p
class="credit">- <strong>Janet Smith</strong>
<span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
</div>
</div>
</section>
<!-- Footer -->
<footer
id="footer">
<div class="inner">
<div
class="content">
<section>
<h3>Accumsan montes
viverra</h3>
<p>Nunc lacinia ante nunc ac lobortis.
Interdum adipiscing gravida odio porttitor sem non mi integer non
faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed
ante lacinia sapien lorem accumsan varius montes viverra nibh in
adipiscing. Lorem ipsum dolor vestibulum ante ipsum primis in
faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat
ac adipiscing sed feugiat eu faucibus. Integer ac sed amet
praesent. Nunc lacinia ante nunc ac gravida.</p>
</section>
<section>
<h4>Sem turpis amet
semper</h4>
<ul class="alt">
<li><a
href="#">Dolor pulvinar sed etiam.</a></li>
<li><a
href="#">Etiam vel lorem sed amet.</a></li>
<li><a
href="#">Felis enim feugiat viverra.</a></li>
<li><a
href="#">Dolor pulvinar magna etiam.</a></li>
</ul>
</section>
<section>
<h4>Magna sed ipsum</h4>
<ul class="plain">
<li><a
href="#"><i class="icon
fa-twitter"> </i>Twitter</a></li>
<li><a
href="#"><i class="icon
fa-facebook"> </i>Facebook</a></li>
<li><a
href="#"><i class="icon
fa-instagram"> </i>Instagram</a></li>
<li><a
href="#"><i class="icon
fa-github"> </i>Github</a></li>
</ul>
</section>
</div>
<div
class="copyright">
©
Untitled. Photos <a
href="https://unsplash.co">Unsplash</a>, Video <a
href="https://coverr.co">Coverr</a>.
</div>
</div>
</footer>
<!-- Scripts -->
<script
src="assets/js/jquery.min.js"></script>
<script
src="assets/js/browser.min.js"></script>
<script
src="assets/js/breakpoints.min.js"></script>
<script
src="assets/js/util.js"></script>
<script
src="assets/js/main.js"></script>
</body>
</html>
Add Answer to:
make a interactive website from scratch. using code.
html, css. I want it to be about...
I need html and CSS code to create an Ice Cream Shop website . Thank you
I need html and CSS code to create an Ice Cream Shop website . Thank you
make a very simple shopping website using html and css and java script only
make a very simple shopping website using html and css and java script only
code a website in html about vacational about atleast 3 vacational spots. the requirements are as...
code a website in html about vacational about atleast 3 vacational spots. the requirements are as follows Home page and at least 5 content pages A single external CSS file controlling styles across the site (internal and embedded styles may also be used when appropriate) Consistent "look and feel" throughout the site (logo, color scheme, layout, navigation) Consistent navigation throughout the site Use at least three images in addition to the logo (images should have alternate text) Include at least...
Can someone plz help me??? I would like a website that has to do with guitars...
Can someone plz help me??? I would like a website that has to do with guitars or something to do with music, someone asked me what kind of website I would like to have and that would be awesome. The attributes to be included, are below. I need a small website that to where I need to interlink a CSS file into the HTML file. I don't know to save the files to have to be able to run with...
I want make keyboard's font size become to 50pt, so I wrote the css code: span...
I want make keyboard's font size become to 50pt, so I wrote the
css code:
span .test {
font-size:50pt;
}
but, it doesn't work, why? Can you help me with this? You can't
change the html code.
span class="test" keyboard /span〉 〈div class-"test"> mouse
In my HTML and CSS project I want to apply a picture to the bottom right...
In my HTML and CSS project I want to apply a picture to the bottom right corner... can I get help on how to do this (ie code and a good example)? Here is a sample of my css code: CSS: html { background: url(jb_back2.png) center center / cover no-repeat fixed; } body { max-width: 960px; margin-left: auto; margin-right: auto; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;*/ display: flex; ...
PHP, HTML, CSS I have to make a website for a health club. Or a spa. Or some other kind of business where you have a mem...
PHP, HTML, CSS I have to make a website for a health club. Or a spa. Or some other kind of business where you have a membership and keep track of transactions for those customers. First I need to create a page where the customer is signed up for a membership. The fields should include: First name Last name Street Address City State Zip Code Email Phone Number I should create a table that has all of that data as...
I want to know about a few web applications with HTML and CSS for year 1...
I want to know about a few web applications with HTML and CSS for year 1 students which my team could develop a prototype in around 4 weeks
I need to built this website using only CSS GRID for the placement of the stuff....
I need to built this website using only CSS GRID for the
placement of the stuff. Im having some trouble so i would like some
help. Preferably built on codepen but you can also develop it
locally. The pizza picture you can use any pizza picture you can
find on the internet.
Joe's Pizza Co. Home About News Menu Locations New York's Best Pizza joe's pepperoni special Welcome to Joe's Pizza Co. Special Offers We pride ourselves on serving up...
i want to create a website for my project . all 48% 2:02 a Expert Q&A...
i want to create a website for my project
. all 48% 2:02 a Expert Q&A course, you should make a personal website for yourself The completod website should have a minimem of 4 pages. You con decide abour the content and organiration of the pages as you like .The overall design of your webeite will be evalusted (inclading olor schems, creativity, layout, originality, etc) The visual appearance of your website is important All papes should pass validation The website...
I want make keyboard's font size become to 50pt, so I wrote the
css code:
span .test {
font-size:50pt;
}
but, it doesn't work, why? Can you help me with this? You can't
change the html code.
span class="test" keyboard /span〉 〈div class-"test"> mouse
I need to built this website using only CSS GRID for the
placement of the stuff. Im having some trouble so i would like some
help. Preferably built on codepen but you can also develop it
locally. The pizza picture you can use any pizza picture you can
find on the internet.
Joe's Pizza Co. Home About News Menu Locations New York's Best Pizza joe's pepperoni special Welcome to Joe's Pizza Co. Special Offers We pride ourselves on serving up...
i want to create a website for my project
. all 48% 2:02 a Expert Q&A course, you should make a personal website for yourself The completod website should have a minimem of 4 pages. You con decide abour the content and organiration of the pages as you like .The overall design of your webeite will be evalusted (inclading olor schems, creativity, layout, originality, etc) The visual appearance of your website is important All papes should pass validation The website...
Most questions answered within 3 hours.
-
2. Boris recently synthesized an explosive compound he named
Badenoughium. The molecular formula for Bdenoughium is...
asked 44 minutes ago -
5. A car decelerate evenly from a velocity of 50mph until rest
in a distance of...
asked 50 minutes ago -
IN HTML Programming
1. Write a script that inputs integers (one at a time) and
passes...
asked 1 hour ago -
A dentist uses a mirror to examine a tooth that is 0.75 cm in
front of...
asked 1 hour ago -
You set up a 100,000 line of credit for the business on 1/1/X8,
annual interest is...
asked 1 hour ago -
What is the measurement uncertainty of a pan balance? How did you
get that?
asked 1 hour ago -
Suppose four firms have market shares of 30%, 30%, 20% and 20%.
What is the Herfindahl-Hirschman...
asked 1 hour ago -
IBT Industrial Solutions produces forty units of rack and pinion
type steering gears during an eight...
asked 1 hour ago -
The Ksp for PbI2 is 9.8×10−9 . Will PbI2 precipitate if 2.5 mL
of 0.0025 M...
asked 1 hour ago -
- Write a Person Constructor that initializes `name` and
`age` from arguments.
- All instances of...
asked 1 hour ago -
What is the meaning of the statement: In acid-base catalysis,
acid catalysis involves partial proton transfer...
asked 1 hour ago -
Polo Publishers purchased a multi-color offset press with terms
of $65,000 down and a noninterest-bearing note...
asked 1 hour ago