11<!DOCTYPE html>
22< html lang ="en ">
3- < head >
4- < meta charset ="UTF-8 " />
5- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6- <!-- displays site properly based on user's device -->
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 "> <!-- displays site properly based on user's device -->
76
8- < link
9- rel ="icon "
10- type ="image/png "
11- sizes ="32x32 "
12- href ="./images/favicon-32x32.png "
13- />
14- < link rel ="preconnect " href ="https://fonts.googleapis.com " />
15- < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
16- < link
17- href ="
https://fonts.googleapis.com/css2?family=Outfit:[email protected] &display=swap "
18- rel ="stylesheet "
19- />
20- < link rel ="stylesheet " href ="style.css " />
7+ < link rel ="icon " type ="image/png " sizes ="32x32 " href ="./assets/images/favicon-32x32.png ">
8+
9+ < title > Frontend Mentor | Blog preview card</ title >
2110
22- < title > Frontend Mentor | QR code component</ title >
23- </ head >
24- < body >
25- < div class ="outer-box ">
26- < img class ="qr-image " src ="images/image-qr-code.png " alt ="qr code img " />
27- < div class ="inner-box ">
28- < h3 class ="intro-heading ">
29- Improve your front-end skills by building projects
30- </ h3 >
31- < p class ="intro ">
32- Scan the QR code to visit Frontend Mentor and take your coding skills
33- to the next level
34- </ p >
35- </ div >
36- </ div >
11+ <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
12+ < style >
13+ .attribution { font-size : 11px ; text-align : center; }
14+ .attribution a { color : hsl (228 , 45% , 44% ); }
15+ </ style >
16+ </ head >
17+ < body >
3718
38- < div class ="attribution ">
39- Challenge by
40- < a href ="https://www.frontendmentor.io?ref=challenge " target ="_blank "
41- > Frontend Mentor</ a
42- > . Coded by < a href ="# "> Joy Effiong</ a > .
43- </ div >
44- </ body >
45- </ html >
19+ Learning
20+
21+ Published 21 Dec 2023
22+
23+ HTML & CSS foundations
24+
25+ These languages are the backbone of every website, defining structure, content, and presentation.
26+
27+ Greg Hooper
28+
29+ < div class ="attribution ">
30+ Challenge by < a href ="https://www.frontendmentor.io?ref=challenge " target ="_blank "> Frontend Mentor</ a > .
31+ Coded by < a href ="# "> Your Name Here</ a > .
32+ </ div >
33+ </ body >
34+ </ html >
0 commit comments