Skip to content

Commit 73a6474

Browse files
TechLead-21TechLead-21
authored
Merge pull request #1 from Developer-Tree/master
Major changes
2 parents 78c56a1 + 6268838 commit 73a6474

File tree

3 files changed

+162
-131
lines changed

3 files changed

+162
-131
lines changed

‎data.php‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<?php
22

33
$menus = [
4-
["title" => "Home", "url" => "/"],
4+
["title" => "Home", "url" => "#home"],
55
["title" => "About", "url" => "#about"],
66
["title" => "Gallery", "url" => "#gallery"],
77
["title" => "Contact", "url" => "#contact"]
@@ -10,20 +10,20 @@
1010
$posts = [
1111

1212
[
13-
"title" => "Demo title 1",
14-
"intro" => "This is simple content and its cool"
13+
"title" => "What are your goals for Hacktoberfest?",
14+
"intro" => "Hacktoberfest is open starting today. What goal do you aim to achieve before October 31st? Mine is to contribute and finally give back to at least 2 of the vim plugins I use every day. What about you? Share below."
1515
],
1616
[
17-
"title" => "Demo title 2",
18-
"intro" => "This is simple content as second article and its cool"
17+
"title" => "8 important things I learned as a software developer over a decade.",
18+
"intro" => "Originally published at deepu.tech. Please follow me on Twitter for updates and let me know what can be improved in the post."
1919
],
2020
[
21-
"title" => "Demo title 2",
22-
"intro" => "This is simple content as second article and its cool"
21+
"title" => "28 Creative 404 pages for your Inspiration 🧙‍♂️✨",
22+
"intro" => "Landing on a default, un-styled ‘page not found’ with no further info and links can be really annoying. A creative and clever error page goes a long way in turning your visitor’s frown into a smile. 😉"
2323
],
2424
[
25-
"title" => "Demo title 2",
26-
"intro" => "This is simple content as second article and its cool"
25+
"title" => "Backend Developer Roadmap 2020",
26+
"intro" => "Basic Frontend Knowledge: HTML,CSS,Javascript"
2727
]
2828

29-
];
29+
];

‎index.php‎

Lines changed: 139 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -3,53 +3,67 @@
33
?>
44
<!DOCTYPE html>
55
<html lang="en">
6-
6+
77
<head>
8-
<meta charset="utf-8">
9-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10-
<meta name="description" content="">
11-
<meta name="author" content="">
12-
<title>Dynamo blog page</title>
13-
14-
<!-- Bootstrap core CSS -->
15-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
16-
crossorigin="anonymous">
17-
<!-- Custom fonts for this template -->
18-
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19-
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
20-
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
21-
rel='stylesheet' type='text/css'>
22-
<!-- add template css file -->
23-
<link rel="stylesheet" href="/css/template.css" />
8+
<meta charset="utf-8">
9+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10+
<meta name="description" content="">
11+
<meta name="author" content="">
12+
<title>Dynamo blog page</title>
13+
14+
<!-- Bootstrap core CSS -->
15+
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
16+
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
17+
18+
<!--? Bootstrap core CSS -->
19+
<link rel="stylesheet" link rel=" stylesheet"
20+
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
21+
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
22+
<!-- Custom fonts for this template -->
23+
24+
<!-- <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"> -->
25+
<!--? Fontawesome Kit CDN -->
26+
<script src="https://kit.fontawesome.com/ff97be3a06.js" crossorigin="anonymous"></script>
27+
28+
29+
30+
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
31+
<link
32+
href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
33+
rel='stylesheet' type='text/css'>
34+
<!-- add template css file -->
35+
<link rel="stylesheet" href="./template.css" />
2436
</head>
25-
37+
2638
<body>
27-
<!-- Page Header -->
28-
<header class="masthead" style="background-image: url('https://picsum.photos/1100/400?grayscale');padding:100px 0px;">
29-
<div class="overlay"></div>
30-
<div class="container">
31-
<div class="row">
32-
<div class="col-lg-8 col-md-10 mx-auto">
33-
<div class="site-heading text-light">
34-
<h1>Lazy blogger</h1>
35-
<span class="subheading">Its all about laziness and blogging...</span>
36-
</div>
39+
<!-- Page Header -->
40+
<header class="masthead"
41+
style="background-image: url('https://picsum.photos/1100/400?grayscale');padding:100px 0px;">
42+
<div class="overlay"></div>
43+
<div class="container">
44+
<div class="row">
45+
<div class="col-lg-8 col-md-10 mx-auto">
46+
<div class="site-heading text-light">
47+
<h1 style="font-size: 55px">Lazy blogger</h1>
48+
<span class="subheading">Its all about laziness and blogging...</span>
49+
</div>
50+
</div>
51+
</div>
3752
</div>
38-
</div>
39-
</div>
40-
</header>
41-
<!-- Navigation -->
42-
<nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
43-
<div class="container">
44-
<a class="navbar-brand" href="/">LAZY</a>
45-
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
46-
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
47-
Menu
48-
<i class="fas fa-bars"></i>
49-
</button>
50-
<div class="collapse navbar-collapse" id="navbarResponsive">
51-
<ul class="navbar-nav ml-auto">
52-
<?php
53+
</header>
54+
<!-- Navigation -->
55+
<nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
56+
<div class="container">
57+
<span class="navbar-brand mb-2 header">Lazy Blogs</span>
58+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
59+
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
60+
aria-label="Toggle navigation">
61+
Menu
62+
<i class="fas fa-bars"></i>
63+
</button>
64+
<div class="collapse navbar-collapse" id="navbarResponsive">
65+
<ul class="navbar-nav ml-auto nav-pills">
66+
<?php
5367
$menus = menus();
5468
foreach($menus as $menu) {
5569
echo "<li class='nav-item'>";
@@ -59,94 +73,98 @@
5973
echo "</li>";
6074
}
6175
?>
62-
</ul>
63-
</div>
64-
</div>
65-
</nav>
66-
67-
<div class="content">
68-
<!-- Main Content -->
69-
<div class="container">
70-
<div class="row">
71-
<div class="col-lg-8 col-md-10 mx-auto">
72-
<?php
76+
</ul>
77+
</div>
78+
</div>
79+
</nav>
80+
81+
<div class="content">
82+
<!-- Main Content -->
83+
<div class="container">
84+
<div class="row">
85+
<div class="col-lg-8 col-md-10 mx-auto">
86+
<?php
7387
$posts = posts();
7488
foreach($posts as $post) {
7589
?>
76-
<div class="post-preview">
77-
<a href="">
78-
<h2>
79-
<?php
90+
<div class="post-preview">
91+
<a href="./post.php">
92+
<h2>
93+
<?php
8094
echo $post['title'];
8195
?>
82-
</h2>
83-
</a>
84-
<div class="intro">
85-
<div class="clearfix">
86-
<p>
87-
<?php
96+
</h2>
97+
</a>
98+
<div class="intro">
99+
<div class="clearfix">
100+
<p>
101+
<?php
88102
echo $post['intro'];
89103
?>
90-
</p>
91-
</div>
92-
</div>
93-
</div>
94-
<?php
104+
</p>
105+
</div>
106+
</div>
107+
</div>
108+
<?php
95109
}
96110
?>
97-
<hr>
98-
99-
<div class="clearfix"></div>
111+
<hr>
112+
113+
<div class="clearfix"></div>
114+
</div>
115+
</div>
100116
</div>
101-
</div>
117+
<hr>
102118
</div>
103-
<hr>
104-
</div>
105-
106-
<!-- Footer -->
107-
<footer>
108-
<div class="container">
109-
<div class="row">
110-
<div class="col-lg-8 col-md-10 mx-auto">
111-
<ul class="list-inline text-center">
112-
<li class="list-inline-item">
113-
<a href="#">
114-
<span class="fa-stack fa-lg">
115-
<i class="fas fa-circle fa-stack-2x"></i>
116-
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
117-
</span>
118-
</a>
119-
</li>
120-
<li class="list-inline-item">
121-
<a href="#">
122-
<span class="fa-stack fa-lg">
123-
<i class="fas fa-circle fa-stack-2x"></i>
124-
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
125-
</span>
126-
</a>
127-
</li>
128-
<li class="list-inline-item">
129-
<a href="#">
130-
<span class="fa-stack fa-lg">
131-
<i class="fas fa-circle fa-stack-2x"></i>
132-
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
133-
</span>
134-
</a>
135-
</li>
136-
</ul>
137-
<p class="copyright text-muted">Copyright &copy; Lazy Blogger <?php echo date("Y"); ?></p>
119+
120+
<!-- Footer -->
121+
<footer>
122+
<div class="container" id="contact">
123+
<div class="row">
124+
<div class="col-lg-8 col-md-10 mx-auto">
125+
<ul class="list-inline text-center">
126+
<li class="list-inline-item">
127+
<a href="https://twitter.com/jayeshintech">
128+
<span class="fa-stack fa-lg">
129+
<i class="fas fa-circle fa-stack-2x"></i>
130+
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
131+
</span>
132+
</a>
133+
</li>
134+
<li class="list-inline-item">
135+
<a href="https://dev.to/mindset">
136+
<span class="fa-stack fa-lg">
137+
<i class="fas fa-circle fa-stack-2x"></i>
138+
<i class="fab fa-dev fa-stack-1x fa-inverse"></i>
139+
</span>
140+
</a>
141+
</li>
142+
<li class="list-inline-item">
143+
<a href="https://github.com/TechLead-21">
144+
<span class="fa-stack fa-lg">
145+
<i class="fas fa-circle fa-stack-2x"></i>
146+
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
147+
</span>
148+
</a>
149+
</li>
150+
</ul>
151+
<p class="copyright footer-text">Coded with ❤ <?php echo date("Y"); ?>
152+
</p>
153+
</div>
154+
</div>
138155
</div>
139-
</div>
140-
</div>
141-
</footer>
142-
143-
<!-- javascript files -->
144-
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
145-
crossorigin="anonymous"></script>
146-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
147-
crossorigin="anonymous"></script>
148-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
149-
crossorigin="anonymous"></script>
156+
</footer>
157+
158+
<!-- javascript files -->
159+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
160+
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
161+
</script>
162+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
163+
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
164+
</script>
165+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
166+
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
167+
</script>
150168
</body>
151-
152-
</html>
169+
170+
</html>

‎template.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
.header {
2+
font-size: 26px;
3+
font-weight: 800;
4+
text-decoration: underline;
5+
}
6+
7+
#card-main {
8+
margin-top: 200px;
9+
}
10+
11+
.footer-text{
12+
text-align: center;
13+
}

0 commit comments

Comments
 (0)