tarasis
/
old_tarasis.net
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

base css, submitting so I can do something else briefly

This commit is contained in:
Robert McGovern 2022-01-02 23:30:09 +00:00
parent 3e7bbc7ac7
commit 4d21cf54ee
1 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
FrontendMentor/newbie/order-summary-component/index.html
View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<link rel="stylesheet" href="css/style.css">
<title>Frontend Mentor | Order summary card</title> <title>Frontend Mentor | Order summary card</title>
@ -16,22 +17,28 @@
</head> </head>
<body> <body>
Order Summary <div class="card">
<div class="hero-image"></div>
<h1>Order Summary</h1>
<p>
You can now listen to millions of songs, audiobooks, and podcasts on any You can now listen to millions of songs, audiobooks, and podcasts on any
device anywhere you like! device anywhere you like!
</p>
<div class="price-plan">
<div class="icon"></div>
<div class="plan-type-area">
<div class="plan-type">Annual Plan</div>
<div class="plan-price">$59.99/year</div>
</div>
<div class="change-button">Change</div>
</div>
<div class="payment-button">Proceed to Payment</div>
<div class="cancel-button">Cancel Order</div>
</div>
Annual Plan <!-- <div class="attribution">
$59.99/year
Change
Proceed to Payment
Cancel Order
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="#">Your Name Here</a>. Coded by <a href="#">Your Name Here</a>.
</div> </div> -->
</body> </body>
</html> </html>