-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMySmallRoseGarden.html
152 lines (105 loc) · 5.49 KB
/
MySmallRoseGarden.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>My small rose garden</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/baguetteBox.min.css">
<!-- Custom styles for this template -->
<link href="blog.css" rel="stylesheet">
<style>
.lightbox img {
width:100%;
height:100px;
}
</style>
</head>
<body>
<div class="container">
<header class="blog-header py-3">
<div class="row flex-nowrap justify-content-between align-items-center ">
<div class="col-4 text-center">
<a class="blog-header-logo text-dark" href="index.html">Qingyi Zhong</a>
</div>
<div class="nav-scroller py-1 mb-2">
<nav class="nav d-flex justify-content-between">
<a class="p-2 text-muted" href="./index.html">Blog</a>
<a class="p-2 text-muted" href="./gallery.html">My Paintings</a>
<a class="p-2 text-muted" href="./aboutMe.html">About me</a>
</nav>
</div>
</div>
</header>
</div>
<main role="main" class="container" style="margin-top:20px;">
<div class="row">
<div class="col-md-8 blog-main">
<div class="blog-post">
<h2 class="blog-post-title">My small rose garden </h2>
<p class="blog-post-meta">May 23, 2015 by <a href="#">QingYi</a></p>
<img src="./imgs/gstory00.jpg" alg="" style="width:95%; align-content:center;"/>
<p>
Our house has a small backyard which is my own little world made up of flowers. When I browsed the internet, I saw so many beautiful pictures of the diversified, gorgeous European roses. That was when I decided to create a rose garden of my own. So I ordered a variety of rose seedlings on the internet and began my rose planting career of fertilizing, watering, bug killing. The garden becomes better day by day, and I always feel satisfied when I can cut a bunch of flowers and put them in a vase to decorate my room.
</p>
<img src="./imgs/gstory01.jpg" alg="" style="width:95%; align-content:center;"/>
<p>
Here, I can have direct contact with nature and rediscover its charm.
</p>
<img src="./imgs/gstory02.jpg" alg="" style="width:95%; align-content:center;"/>
<p></p>
<img src="./imgs/gstory03.jpg" alg="" style="width:95%; align-content:center;"/>
<p>
The flowers make life brilliant and full of energy.
</p>
<a href="#"> <h3>My rose plant study </h3> </a>
</div><!-- /.blog-post -->
</div> <!-- end right side content -->
<aside class="col-md-4 blog-sidebar">
<div class="p-3 mb-3 bg-light rounded ">
<img src="./imgs/myHead1.jpg" style="width:100%;" alt="avanta"/>
</div>
<div class="p-3">
<h4 class="font-italic border-bottom" style="margin-bottom:0.5rem; padding-bottom: 0.5rem;">Blogs</h4>
<ol class="list-unstyled mb-0 border-bottom" style="margin-bottom:0.5rem; padding-bottom: 0.5rem;">
<li><a href="blog-01.html">how to plant lithops-01</a></li>
<li><a href="#">how to plant lithops-02</a></li>
</ol>
</div>
<div class="p-3">
<h4 class="font-italic">Elsewhere</h4>
<ol class="list-unstyled">
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
</ol>
<div>
wechart<br/>
<img src="./imgs/wechart.png"/>
</div>
</div>
</aside><!-- /.blog-sidebar -->
</main>
<footer class="blog-footer">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p> © Copy right 2018.</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery-slim.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/holder.min.js"></script>
<script type="text/javascript" src="./js/baguetteBox.min.js"></script>
<script type="text/javascript">
baguetteBox.run('.tz-gallery');
</script>
</body>
</html>