-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
81 lines (73 loc) · 4.08 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div id="navbar">
<nav>
<a href="index.html"><i class="fa-solid fa-house"></i></a>
<a href="about.html"><i class="fa-solid fa-user"></i></a>
<a href="portfolio.html"><i class="fa-solid fa-briefcase"></i></a>
<a href="#"><i class="fa-solid fa-newspaper"></i></a>
<a href="contact.html"><i class="fa-solid fa-envelope-open"></i></a>
</nav>
</div>
<div class="blog-head">
<h1>MY <span>BLOG</span></h1>
</div>
<div class="card-container">
<div class="card">
<img src="images/image1.jpg" alt="Image 1">
<div class="card-content">
<h3>How to Create Your Own Website</h3>
<p>Creating your website involves choosing a domain, web hosting, and a website builder like WordPress or Wix. Design and organize your content, optimize for search engines, and ensure security. Once ready, launch your site, promote it, and monitor its performance for ongoing success.</p>
</div>
</div>
<div class="card">
<img src="images/image2.jpg" alt="Image 2">
<div class="card-content">
<h3>How to Become an Expert in Web Design</h3>
<p>To become a web design expert, focus on mastering HTML, CSS, and JavaScript. Develop design skills, especially in responsive and user-friendly layouts, and understand UI/UX principles. Practice regularly, use design tools, stay updated with industry trends, seek feedback, and build a strong portfolio to showcase your expertise.</p>
</div>
</div>
<div class="card">
<img src="images/image3.jpg" alt="Image 2">
<div class="card-content">
<h3>Become a Web Designer in 10 Days</h3>
<p>Becoming a web designer in 10 days is ambitious, but you can start by learning HTML and CSS for basic web development skills. Study responsive design and user-friendly layouts. Take online courses and use design tools to expedite your learning. Remember, expertise comes with practice and continuous learning.</p>
</div>
</div>
</div>
<div class="card-container">
<div class="card">
<img src="images/image4.jpg" alt="Image 2">
<div class="card-content">
<h3>Debbuging made easy with Web Inspector</h3>
<p>Web Inspector streamlines debugging for web developers by providing real-time insights into website code and layout. It's a user-friendly tool that helps identify and resolve issues efficiently, making the debugging process smoother and more effective.</p>
</div>
</div>
<div class="card">
<img src="images/image5.jpeg" alt="Image 2">
<div class="card-content">
<h3>Get started with Web Design and UI Design</h3>
<p>To start in web and UI design, first, grasp HTML, CSS, and JavaScript basics. Learn UI principles for user-friendly layouts. Ensure designs are responsive. Practice with projects and tools like Adobe XD. Stay updated with design trends and build a portfolio to showcase your skills.</p>
</div>
</div>
<div class="card">
<img src="images/image6.jpg" alt="Image 2">
<div class="card-content">
<h3>This is what you need to know about Web Design</h3>
<p>Web design blends aesthetics and functionality, using HTML, CSS, and JavaScript to create user-friendly websites. It emphasizes UI/UX principles and responsive design for adaptability across devices. Proficiency in design tools and staying updated with trends are key to success.</p>
</div>
</div>
</div>
</body>
</html>