-
Notifications
You must be signed in to change notification settings - Fork 1
/
blog.html
126 lines (118 loc) · 4.79 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Welcome to Mensah Tribe Web Solution, lets bring your vision to fruition.">
<meta name="keywords" content="chicago,web design, webpage, website,mensah,tribe,web,solutions,development">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"
integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" />
<link rel="stylesheet" href="utilities.css">
<link rel="stylesheet" href="style.css">
<title>Read our Blog Mensah Tribe Web Solutions|MTS </title>
</head>
<body>
<header class="hero blog">
<div id="navbar" class="navbar top">
<h1 class="logo">
<a href="index.html">
<span class="text-primary"><i class="fas fa-flask"></i> MensahTribe</span><br>WebSolutions
</a>
</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#portfolio">Portfolio</a></li>
<li><a href="/blog.html" class="current">Blog</a></li>
<li><a href="/services.html#pricing">Services</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="content">
<h1>Blog</h1>
</div>
</header>
<main id="main-doc">
<!--Main:Article -->
<article class="flex-columns">
<div class="row">
<div class="column">
<div class="column-1">
<img src="JavaScript_web_design.jpg" alt="JavaScript Design">
</div>
</div>
<div class="column">
<div class="column-2 bg-light">
<h2>What is Javascript?</h2>
<p class="meta">
<i class="fas fa-user"></i>Posted by <strong> Nick M.</strong>| May 19 2020
</p>
<p> In this article we will look at JavaScript from a high level, answering questions such as "What is it?"
and "What can you do with it?", and making sure you are comfortable with JavaScript's purpose.</p>
<a href="post.html" class="btn btn-dark">
<i class="fas fa-chevron-right"></i>Discover More</a>
</a>
</div>
</div>
</div>
</article>
<article class="flex-columns flex-reverse">
<div class="row">
<div class="column">
<div class="column-1">
<img src="react_dom_blog.jpg" alt="React Code">
</div>
</div>
<div class="column">
<div class="column-2 bg-dark">
<h2>What is React?</h2>
<p class="meta">
<i class="fas fa-user"></i>Posted by <strong> Nick M.</strong>| May 19 2020
</p>
<p> In this article we will look at React from a high level, answering questions such as "What is it?" and
"What can you do with it?", and making sure you are comfortable with React's purpose.</p>
<a href="blog.html" class="btn btn-light">
<i class="fas fa-chevron-right"></i>Discover More</a>
</a>
</div>
</div>
</div>
</article>
<article class="flex-columns">
<div class="row">
<div class="column">
<div class="column-1">
<img src="code_back_end.jpg" alt="Computer Board">
</div>
</div>
<div class="column">
<div class="column-2 bg-light">
<h2>What is Backend web development?</h2>
<p class="meta">
<i class="fas fa-user"></i>Posted by <strong> Nick M.</strong>| May 19 2020
</p>
<p> In this article we will look at Backend web development, answering questions such as "What is it?" and
"What can you do with it?", and making sure you are comfortable discussing Backend web development.</p>
<a href="blog.html" class="btn btn-dark">
<i class="fas fa-chevron-right"></i>Discover More</a>
</a>
</div>
</div>
</div>
</article>
</main>
<footer id="main-footer" class='footer bg-dark'>
<div class="social">
<a href="#"><i class="fab fa-twitter fa-2x"></i></a>
<a href="#"><i class="fab fa-github fa-2x"></i></a>
<a href="#"><i class="fab fa-youtube fa-2x"></i></a>
<a href="#"><i class="fab fa-facebook fa-2x"></i></a>
</div>
<p>Mensah Tribe Web Solutions © 2020, All Rights Reserved</p>
</footer>
<script src="script.js"></script>
</body>
</html>