Skip to content

Commit be50959

Browse files
mkwsramkwsra
committed
🚧 init commit
0 parents  commit be50959

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+11072
-0
lines changed

‎.idea/.gitignore

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/Xtra Blog.iml

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/modules.xml

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎about.html

Lines changed: 210 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,210 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Xtra Blog</title>
7+
<link rel="stylesheet" href="fontawesome/css/all.min.css"> <!-- https://fontawesome.com/ -->
8+
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet"> <!-- https://fonts.google.com/ -->
9+
<link href="css/bootstrap.min.css" rel="stylesheet">
10+
<link href="css/style.css" rel="stylesheet">
11+
12+
</head>
13+
<body>
14+
<header class="tm-header" id="tm-header">
15+
<div class="tm-header-wrapper">
16+
<button class="navbar-toggler" type="button" aria-label="Toggle navigation">
17+
<i class="fas fa-bars"></i>
18+
</button>
19+
<div class="tm-site-header">
20+
<div class="mb-3 mx-auto tm-site-logo"><i class="fas fa-times fa-2x"></i></div>
21+
<h1 class="text-center">Xtra Blog</h1>
22+
</div>
23+
<nav class="tm-nav" id="tm-nav">
24+
<ul>
25+
<li class="tm-nav-item"><a href="index.html" class="tm-nav-link">
26+
<i class="fas fa-home"></i>
27+
Blog Home
28+
</a></li>
29+
<li class="tm-nav-item"><a href="post.html" class="tm-nav-link">
30+
<i class="fas fa-pen"></i>
31+
Single Post
32+
</a></li>
33+
<li class="tm-nav-item active"><a href="about.html" class="tm-nav-link">
34+
<i class="fas fa-users"></i>
35+
About Xtra
36+
</a></li>
37+
<li class="tm-nav-item"><a href="contact.html" class="tm-nav-link">
38+
<i class="far fa-comments"></i>
39+
Contact Us
40+
</a></li>
41+
</ul>
42+
</nav>
43+
<div class="tm-mb-65">
44+
<a href="https://facebook.com" class="tm-social-link">
45+
<i class="fab fa-facebook tm-social-icon"></i>
46+
</a>
47+
<a href="https://twitter.com" class="tm-social-link">
48+
<i class="fab fa-twitter tm-social-icon"></i>
49+
</a>
50+
<a href="https://instagram.com" class="tm-social-link">
51+
<i class="fab fa-instagram tm-social-icon"></i>
52+
</a>
53+
<a href="https://linkedin.com" class="tm-social-link">
54+
<i class="fab fa-linkedin tm-social-icon"></i>
55+
</a>
56+
</div>
57+
<p class="tm-mb-80 pr-5 text-white">
58+
Xtra Blog is a multi-purpose HTML template from TemplateMo website. Left side is a sticky menu bar. Right side content will scroll up and down.
59+
</p>
60+
</div>
61+
</header>
62+
<div class="container-fluid">
63+
<main class="tm-main">
64+
<!-- Search form -->
65+
<div class="row tm-row">
66+
<div class="col-12">
67+
<form method="GET" class="form-inline tm-mb-80 tm-search-form">
68+
<input class="form-control tm-search-input" name="query" type="text" placeholder="Search..." aria-label="Search">
69+
<button class="tm-search-button" type="submit">
70+
<i class="fas fa-search tm-search-icon" aria-hidden="true"></i>
71+
</button>
72+
</form>
73+
</div>
74+
</div>
75+
<div class="row tm-row tm-mb-45">
76+
<div class="col-12">
77+
<hr class="tm-hr-primary tm-mb-55">
78+
<img src="img/about-01.jpg" alt="Image" class="img-fluid">
79+
</div>
80+
</div>
81+
<div class="row tm-row tm-mb-40">
82+
<div class="col-12">
83+
<div class="mb-4">
84+
<h2 class="pt-2 tm-mb-40 tm-color-primary tm-post-title">About this xtra blog</h2>
85+
<p>
86+
You can immediately download
87+
<a rel="nofollow" href="https://templatemo.com/tm-553-xtra-blog" target="_blank">Xtra Blog Template</a>
88+
from TemplateMo website for 100% free of charge. Etiam vehicula, tortor ac eleifend tincidunt, diam neque pellentesque ipsum,
89+
a geugiat eros mauris eget lorem. Quisque in
90+
bibendum elit, in egestas turpis. Vestibulum ornare sollicitudin congue. Aliquam lorem mi, maximus at iaculis ut, viverra vel
91+
mauris. Duis congue luctus metus, sodales tincidunt lectus fringilla ut. Nunc tempus at magna sed vestibulum.
92+
</p>
93+
<p>
94+
Proin et arcu ligula. Praesent quis erat eu est solliditudin tristique ut in arcu. Donec bibendum ex id ligula semper dictum.
95+
Proin malesuada luctus auctor. Suspendisse ullamcorper, mi vel molestie ornare, arcu magna euismod ipsum, in
96+
malesuada nulla magna ut enim. Morbi lacinia magna sed sapien auctor, vitae luctus nunc cursus.
97+
</p>
98+
</div>
99+
</div>
100+
</div>
101+
<div class="row tm-row tm-mb-120">
102+
<div class="col-lg-4 tm-about-col">
103+
<div class="tm-bg-gray tm-about-pad">
104+
<div class="text-center tm-mt-40 tm-mb-60">
105+
<i class="fas fa-bezier-curve fa-4x tm-color-primary"></i>
106+
</div>
107+
<h2 class="mb-3 tm-color-primary tm-post-title">Background</h2>
108+
<p class="mb-0 tm-line-height-short">
109+
Phasellus pulvinar nisl ornare leo porttitor, et vestibulum lorem semper.
110+
Duis risus ex, molestie sit amet magna in,
111+
pharetra pellentesque est. Curabitur elit metus.
112+
</p>
113+
</div>
114+
</div>
115+
<div class="col-lg-4 tm-about-col">
116+
<div class="tm-bg-gray tm-about-pad">
117+
<div class="text-center tm-mt-40 tm-mb-60">
118+
<i class="fas fa-users-cog fa-4x tm-color-primary"></i>
119+
</div>
120+
<h2 class="mb-3 tm-color-primary tm-post-title">Teamwork</h2>
121+
<p class="mb-0 tm-line-height-short">
122+
Suspendisse ullamcorper, mi vel molestie ornare, arcu magna euismod ipsum, in malesuada nulla magna ut enim.
123+
Morbi lacinia magna sed auctor, vitae nunc cursus.
124+
</p>
125+
</div>
126+
</div>
127+
<div class="col-lg-4 tm-about-col">
128+
<div class="tm-bg-gray tm-about-pad">
129+
<div class="text-center tm-mt-40 tm-mb-60">
130+
<i class="fab fa-creative-commons-sampling fa-4x tm-color-primary"></i>
131+
</div>
132+
<h2 class="mb-3 tm-color-primary tm-post-title">Our Core Value</h2>
133+
<p class="mb-0 tm-line-height-short">
134+
Nunc mi ante, suscipit vel dapibus et, volutpat sit amet ante. In tempor nec sem vitae varius. Aliquam tincidunt orci sem, et imperdiet massa consectetur nec.
135+
</p>
136+
</div>
137+
</div>
138+
</div>
139+
<div class="row tm-row tm-mb-60">
140+
<div class="col-12">
141+
<hr class="tm-hr-primary tm-mb-55">
142+
</div>
143+
<div class="col-lg-6 tm-mb-60 tm-person-col">
144+
<div class="media tm-person">
145+
<img src="img/about-02.jpg" alt="Image" class="img-fluid mr-4">
146+
<div class="media-body">
147+
<h2 class="tm-color-primary tm-post-title mb-2">John Henry</h2>
148+
<h3 class="tm-h3 mb-3">CEO/Founder</h3>
149+
<p class="mb-0 tm-line-height-short">
150+
Aliquam non vulputate lectus, vel ultricies diam. Suspendisse at ipsum
151+
hendrerit, vestibulum mi id, mattis tortor.
152+
</p>
153+
</div>
154+
</div>
155+
</div>
156+
<div class="col-lg-6 tm-mb-60 tm-person-col">
157+
<div class="media tm-person">
158+
<img src="img/about-03.jpg" alt="Image" class="img-fluid mr-4">
159+
<div class="media-body">
160+
<h2 class="tm-color-primary tm-post-title mb-2">Timy Cake</h2>
161+
<h3 class="tm-h3 mb-3">Project Director</h3>
162+
<p class="mb-0 tm-line-height-short">
163+
Quisque in bibendum elit, in egestas turpis. Vestibulum ornare sollicitudin congue.
164+
Aliquam lorem mi, maximus at iaculis ut.
165+
</p>
166+
</div>
167+
</div>
168+
</div>
169+
<div class="col-lg-6 tm-mb-60 tm-person-col">
170+
<div class="media tm-person">
171+
<img src="img/about-04.jpg" alt="Image" class="img-fluid mr-4">
172+
<div class="media-body">
173+
<h2 class="tm-color-primary tm-post-title mb-2">Jay Zoona</h2>
174+
<h3 class="tm-h3 mb-3">Supervisor</h3>
175+
<p class="mb-0 tm-line-height-short">
176+
Maecenas eu mi eu dui cursus consequat non eu metus. Morbi ac
177+
turpis eleifend, commodo purus eget, commodo mauris.
178+
</p>
179+
</div>
180+
</div>
181+
</div>
182+
<div class="col-lg-6 tm-mb-60 tm-person-col">
183+
<div class="media tm-person">
184+
<img src="img/about-05.jpg" alt="Image" class="img-fluid mr-4">
185+
<div class="media-body">
186+
<h2 class="tm-color-primary tm-post-title mb-2">Catherine Soft</h2>
187+
<h3 class="tm-h3 mb-3">Team Leader</h3>
188+
<p class="mb-0 tm-line-height-short">
189+
Integer eu sapien hendrerit,
190+
imperdiet arcu sit amet, sollicitudin ipsum.
191+
Phasellus consequat suscipit ligula eget bibendum.
192+
</p>
193+
</div>
194+
</div>
195+
</div>
196+
</div>
197+
<footer class="row tm-row">
198+
<div class="col-md-6 col-12 tm-color-gray">
199+
Design: <a rel="nofollow" target="_parent" href="https://templatemo.com" class="tm-external-link">TemplateMo</a>
200+
</div>
201+
<div class="col-md-6 col-12 tm-color-gray tm-copyright">
202+
Copyright 2020 Xtra Blog Company Co. Ltd.
203+
</div>
204+
</footer>
205+
</main>
206+
</div>
207+
<script src="js/jquery.min.js"></script>
208+
<script src="js/templatemo-script.js"></script>
209+
</body>
210+
</html>

0 commit comments

Comments
 (0)