dannybdev.tngl.sh
Test Profile
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta
6 name="description"
7 content="Professional and Freelance Web Developer"
8 />
9 <meta name="keywords" content="dev, portfolio" />
10 <meta name="robots" content="index, follow" />
11 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
12 <link rel="preconnect" href="https://fonts.googleapis.com" />
13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
14 <link
15 href="https://fonts.googleapis.com/css2?family=Slabo+13px:wght@400;700&display=swap"
16 rel="stylesheet"
17 />
18
19 <!--CSS-->
20 <link rel="stylesheet" href="/css/Blog.css" />
21 <link rel="stylesheet" href="/css/Navbar.css" />
22 <link rel="stylesheet" href="/css/Footer.css" />
23
24 <title>Blog</title>
25 </head>
26 <body>
27 <!--NAV-->
28 <nav class="Navbar">
29 <div></div>
30 <a class="Navbar-Brand" href="index.html">Danny <span>B</span> Dev</a>
31
32 <ul class="Navbar-List">
33 <a class="NavBar-List-Link" href="/Blog.html"
34 ><li class="NavBar-List-Item">Learn</li></a
35 >
36 <a class="NavBar-List-Link" href="/Projects.html">
37 <li class="NavBar-List-Item">Projects</li></a
38 >
39 </ul>
40 </nav>
41
42 <section id="Blog">
43 <h2 class="Blog-Heading">
44 <em><span class="Blog-Heading">Recent Blog Posts</span></em>
45 </h2>
46
47 <div class="Blog-Container">
48 <div class="Blog-Card">
49 <h3 class="Blog-Highlight">
50 <span class="Blog-Span">Linux is the superior OS</span>
51 </h3>
52 <p class="Blog-Text">
53 With Windows having malware pre-installed on your machine, and Apple
54 having closed sourced propritery software. The choice for Linux
55 isn't a tough one.
56 <a>Read more</a>
57 </p>
58 </div>
59 <div class="Blog-Card">
60 <h3 class="Blog-Highlight">
61 <span class="Blog-Span">HTML, CSS & JS are all you need</span>
62 </h3>
63 <p class="Blog-Text">
64 Whether it’s a complex feature, a unique design requirement, or
65 integration with existing systems, I work closely with clients to
66 develop innovative and effective solutions.
67 </p>
68 </div>
69 <div class="Blog-Card">
70 <h3 class="Blog-Highlight">
71 <span class="Blog-Span"></span>
72 </h3>
73 <p class="Blog-Text">
74 By optimizing code, minimizing load times, and utilizing best
75 practices for performance, I create websites that provide an
76 exceptional user experience without compromise
77 </p>
78 </div>
79 </div>
80 </section>
81 <section id="Footer">
82 <nav class="LinkNav">
83 <ul>
84 <li>
85 <a target="blank" href="https://github.com/Dburrall"
86 ><img
87 class="Footer-Icon"
88 src="Images/Github-Icon-Gray.png"
89 alt="Github Logo"
90 /></a>
91 </li>
92 </ul>
93 </nav>
94 </section>
95 </body>
96</html>