blog.php
См. документацию.
1 <?php
2 
3 /**
4  * @file
5  * @brief страница
6  */
7 
8 ?>
9 <div class="container">
10  <div class="page-banner">
11  <div class="row justify-content-center align-items-center h-100">
12  <div class="col-md-6">
13  <nav aria-label="Breadcrumb">
14  <ul class="breadcrumb justify-content-center py-0 bg-transparent">
15  <li class="breadcrumb-item"><a href=".">Home</a></li>
16  <li class="breadcrumb-item active">Blog</li>
17  </ul>
18  </nav>
19  <h1 class="text-center">Blog</h1>
20  </div>
21  </div>
22  </div>
23 </div>
24 
25 <div class="page-section">
26  <div class="container">
27  <div class="row">
28  <div class="col-sm-10">
29  <form action="#" class="form-search-blog">
30  <div class="input-group">
31  <div class="input-group-prepend">
32  <select id="categories" class="custom-select bg-light">
33  <option>All Categories</option>
34  <option value="travel">Travel</option>
35  <option value="lifestyle">LifeStyle</option>
36  <option value="healthy">Healthy</option>
37  <option value="food">Food</option>
38  </select>
39  </div>
40  <input type="text" class="form-control" placeholder="Enter keyword..">
41  </div>
42  </form>
43  </div>
44  <div class="col-sm-2 text-sm-right">
45  <button class="btn btn-secondary">Filter <span class="mai-filter"></span></button>
46  </div>
47  </div>
48 
49  <div class="row my-5">
50  <div class="col-lg-4 py-3">
51  <div class="card-blog">
52  <div class="header">
53  <div class="post-thumb">
54  <img src="../assets/img/blog/blog-1.jpg" alt="">
55  </div>
56  </div>
57  <div class="body">
58  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
59  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
60  </div>
61  </div>
62  </div>
63 
64  <div class="col-lg-4 py-3">
65  <div class="card-blog">
66  <div class="header">
67  <div class="post-thumb">
68  <img src="../assets/img/blog/blog-2.jpg" alt="">
69  </div>
70  </div>
71  <div class="body">
72  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
73  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
74  </div>
75  </div>
76  </div>
77 
78  <div class="col-lg-4 py-3">
79  <div class="card-blog">
80  <div class="header">
81  <div class="post-thumb">
82  <img src="../assets/img/blog/blog-3.jpg" alt="">
83  </div>
84  </div>
85  <div class="body">
86  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
87  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
88  </div>
89  </div>
90  </div>
91 
92  <div class="col-lg-4 py-3">
93  <div class="card-blog">
94  <div class="header">
95  <div class="post-thumb">
96  <img src="../assets/img/blog/blog-4.jpg" alt="">
97  </div>
98  </div>
99  <div class="body">
100  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
101  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
102  </div>
103  </div>
104  </div>
105 
106  <div class="col-lg-4 py-3">
107  <div class="card-blog">
108  <div class="header">
109  <div class="post-thumb">
110  <img src="../assets/img/blog/blog-5.jpg" alt="">
111  </div>
112  </div>
113  <div class="body">
114  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
115  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
116  </div>
117  </div>
118  </div>
119 
120  <div class="col-lg-4 py-3">
121  <div class="card-blog">
122  <div class="header">
123  <div class="post-thumb">
124  <img src="../assets/img/blog/blog-6.jpg" alt="">
125  </div>
126  </div>
127  <div class="body">
128  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
129  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
130  </div>
131  </div>
132  </div>
133 
134  <div class="col-lg-4 py-3">
135  <div class="card-blog">
136  <div class="header">
137  <div class="post-thumb">
138  <img src="../assets/img/blog/blog-1.jpg" alt="">
139  </div>
140  </div>
141  <div class="body">
142  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
143  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
144  </div>
145  </div>
146  </div>
147 
148  <div class="col-lg-4 py-3">
149  <div class="card-blog">
150  <div class="header">
151  <div class="post-thumb">
152  <img src="../assets/img/blog/blog-2.jpg" alt="">
153  </div>
154  </div>
155  <div class="body">
156  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
157  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
158  </div>
159  </div>
160  </div>
161 
162  <div class="col-lg-4 py-3">
163  <div class="card-blog">
164  <div class="header">
165  <div class="post-thumb">
166  <img src="../assets/img/blog/blog-3.jpg" alt="">
167  </div>
168  </div>
169  <div class="body">
170  <h5 class="post-title"><a href="./blog-details">Source of Content Inspiration</a></h5>
171  <div class="post-date">Posted on <a href="#">27 Jan 2020</a></div>
172  </div>
173  </div>
174  </div>
175 
176  </div>
177 
178  <nav aria-label="Page Navigation">
179  <ul class="pagination justify-content-center">
180  <li class="page-item disabled">
181  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
182  </li>
183  <li class="page-item"><a class="page-link" href="#">1</a></li>
184  <li class="page-item active" aria-current="page">
185  <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
186  </li>
187  <li class="page-item"><a class="page-link" href="#">3</a></li>
188  <li class="page-item">
189  <a class="page-link" href="#">Next</a>
190  </li>
191  </ul>
192  </nav>
193 
194  </div>
195 </div>
href
href
Definition: main.php:21