rails_apps_pages 0.6.0 → 0.6.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (110) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.textile +26 -0
  3. data/README.textile +4 -2
  4. data/lib/generators/theme/bare/bare_generator.rb +1 -1
  5. data/lib/generators/theme/bare/templates/{index.html.erb → index.html} +0 -0
  6. data/lib/generators/theme/blog_home/blog_home_generator.rb +18 -0
  7. data/lib/generators/theme/blog_home/templates/blog-home.css +9 -0
  8. data/lib/generators/theme/blog_home/templates/blogpost.html +170 -0
  9. data/lib/generators/theme/blog_home/templates/index.html +150 -0
  10. data/lib/generators/theme/business_casual/business_casual_generator.rb +24 -0
  11. data/lib/generators/theme/business_casual/templates/_navigation.html.erb +24 -0
  12. data/lib/generators/theme/business_casual/templates/_navigation_links.html.erb +13 -0
  13. data/lib/generators/theme/business_casual/templates/about.html +61 -0
  14. data/lib/generators/theme/business_casual/templates/application.html.erb +19 -0
  15. data/lib/generators/theme/business_casual/templates/blog.html +59 -0
  16. data/lib/generators/theme/business_casual/templates/business-casual.css +192 -0
  17. data/lib/generators/theme/business_casual/templates/contact.html +76 -0
  18. data/lib/generators/theme/business_casual/templates/footer.html +10 -0
  19. data/lib/generators/theme/business_casual/templates/index.html +95 -0
  20. data/lib/generators/theme/business_frontpage/business_frontpage_generator.rb +17 -0
  21. data/lib/generators/theme/business_frontpage/templates/business-frontpage.css +31 -0
  22. data/lib/generators/theme/business_frontpage/templates/index.html +78 -0
  23. data/lib/generators/theme/clean_blog/clean_blog_generator.rb +24 -0
  24. data/lib/generators/theme/clean_blog/templates/_navigation.html.erb +24 -0
  25. data/lib/generators/theme/clean_blog/templates/_navigation_links.html.erb +13 -0
  26. data/lib/generators/theme/clean_blog/templates/about.html +27 -0
  27. data/lib/generators/theme/clean_blog/templates/application.html.erb +23 -0
  28. data/lib/generators/theme/clean_blog/templates/clean-blog.css +395 -0
  29. data/lib/generators/theme/clean_blog/templates/contact.html +64 -0
  30. data/lib/generators/theme/clean_blog/templates/footer.html +38 -0
  31. data/lib/generators/theme/clean_blog/templates/index.html +74 -0
  32. data/lib/generators/theme/clean_blog/templates/post.html +59 -0
  33. data/lib/generators/theme/four_col_portfolio/four_col_portfolio_generator.rb +17 -0
  34. data/lib/generators/theme/four_col_portfolio/templates/4-col-portfolio.css +13 -0
  35. data/lib/generators/theme/four_col_portfolio/templates/index.html +134 -0
  36. data/lib/generators/theme/full_width_pics/full_width_pics_generator.rb +18 -0
  37. data/lib/generators/theme/full_width_pics/templates/application.html.erb +18 -0
  38. data/lib/generators/theme/full_width_pics/templates/full-width-pics.css +60 -0
  39. data/lib/generators/theme/full_width_pics/templates/index.html +50 -0
  40. data/lib/generators/theme/heroic_features/heroic_features_generator.rb +17 -0
  41. data/lib/generators/theme/heroic_features/templates/heroic-features.css +17 -0
  42. data/lib/generators/theme/heroic_features/templates/index.html +92 -0
  43. data/lib/generators/theme/landing_page/landing_page_generator.rb +18 -0
  44. data/lib/generators/theme/landing_page/templates/application.html.erb +21 -0
  45. data/lib/generators/theme/landing_page/templates/index.html +189 -0
  46. data/lib/generators/theme/landing_page/templates/landing-page.css +170 -0
  47. data/lib/generators/theme/modern_business/modern_business_generator.rb +103 -0
  48. data/lib/generators/theme/modern_business/templates/404.html +98 -0
  49. data/lib/generators/theme/modern_business/templates/about.html +182 -0
  50. data/lib/generators/theme/modern_business/templates/application.html.erb +21 -0
  51. data/lib/generators/theme/modern_business/templates/blog-home-1.html +156 -0
  52. data/lib/generators/theme/modern_business/templates/blog-home-2.html +111 -0
  53. data/lib/generators/theme/modern_business/templates/blog-post.html +166 -0
  54. data/lib/generators/theme/modern_business/templates/contact.html +97 -0
  55. data/lib/generators/theme/modern_business/templates/faq.html +148 -0
  56. data/lib/generators/theme/modern_business/templates/footer.html +12 -0
  57. data/lib/generators/theme/modern_business/templates/full-width.html +28 -0
  58. data/lib/generators/theme/modern_business/templates/index.html +173 -0
  59. data/lib/generators/theme/modern_business/templates/modern-business.css +93 -0
  60. data/lib/generators/theme/modern_business/templates/portfolio-1-col.html +141 -0
  61. data/lib/generators/theme/modern_business/templates/portfolio-2-col.html +121 -0
  62. data/lib/generators/theme/modern_business/templates/portfolio-3-col.html +147 -0
  63. data/lib/generators/theme/modern_business/templates/portfolio-4-col.html +127 -0
  64. data/lib/generators/theme/modern_business/templates/portfolio-item.html +104 -0
  65. data/lib/generators/theme/modern_business/templates/pricing.html +85 -0
  66. data/lib/generators/theme/modern_business/templates/services.html +263 -0
  67. data/lib/generators/theme/modern_business/templates/sidebar.html +52 -0
  68. data/lib/generators/theme/one_col_portfolio/one_col_portfolio_generator.rb +17 -0
  69. data/lib/generators/theme/one_col_portfolio/templates/1-col-portfolio.css +9 -0
  70. data/lib/generators/theme/one_col_portfolio/templates/index.html +149 -0
  71. data/lib/generators/theme/one_page_wonder/one_page_wonder_generator.rb +18 -0
  72. data/lib/generators/theme/one_page_wonder/templates/application.html.erb +18 -0
  73. data/lib/generators/theme/one_page_wonder/templates/index.html +91 -0
  74. data/lib/generators/theme/one_page_wonder/templates/one-page-wonder.css +174 -0
  75. data/lib/generators/theme/portfolio_item/portfolio_item_generator.rb +17 -0
  76. data/lib/generators/theme/portfolio_item/templates/index.html +83 -0
  77. data/lib/generators/theme/portfolio_item/templates/portfolio-item.css +13 -0
  78. data/lib/generators/theme/round_about/round_about_generator.rb +17 -0
  79. data/lib/generators/theme/round_about/templates/index.html +77 -0
  80. data/lib/generators/theme/round_about/templates/round-about.css +13 -0
  81. data/lib/generators/theme/shop_homepage/shop_homepage_generator.rb +17 -0
  82. data/lib/generators/theme/shop_homepage/templates/index.html +191 -0
  83. data/lib/generators/theme/shop_homepage/templates/shop-homepage.css +50 -0
  84. data/lib/generators/theme/shop_item/shop_item_generator.rb +17 -0
  85. data/lib/generators/theme/shop_item/templates/index.html +117 -0
  86. data/lib/generators/theme/shop_item/templates/shop-item.css +28 -0
  87. data/lib/generators/theme/simple_sidebar/simple_sidebar_generator.rb +17 -0
  88. data/lib/generators/theme/simple_sidebar/templates/index.html +60 -0
  89. data/lib/generators/theme/simple_sidebar/templates/simple-sidebar.css +125 -0
  90. data/lib/generators/theme/small_business/small_business_generator.rb +17 -0
  91. data/lib/generators/theme/small_business/templates/index.html +66 -0
  92. data/lib/generators/theme/small_business/templates/small-business.css +9 -0
  93. data/lib/generators/theme/stylish_portfolio/stylish_portfolio_generator.rb +18 -0
  94. data/lib/generators/theme/stylish_portfolio/templates/application.html.erb +21 -0
  95. data/lib/generators/theme/stylish_portfolio/templates/index.html +261 -0
  96. data/lib/generators/theme/stylish_portfolio/templates/stylish-portfolio.css +239 -0
  97. data/lib/generators/theme/the_big_picture/templates/index.html +11 -0
  98. data/lib/generators/theme/the_big_picture/templates/the-big-picture.css +19 -0
  99. data/lib/generators/theme/the_big_picture/the_big_picture_generator.rb +19 -0
  100. data/lib/generators/theme/three_col_portfolio/templates/3-col-portfolio.css +13 -0
  101. data/lib/generators/theme/three_col_portfolio/templates/index.html +155 -0
  102. data/lib/generators/theme/three_col_portfolio/three_col_portfolio_generator.rb +17 -0
  103. data/lib/generators/theme/thumbnail_gallery/templates/index.html +84 -0
  104. data/lib/generators/theme/thumbnail_gallery/templates/thumbnail-gallery.css +13 -0
  105. data/lib/generators/theme/thumbnail_gallery/thumbnail_gallery_generator.rb +17 -0
  106. data/lib/generators/theme/two_col_portfolio/templates/2-col-portfolio.css +13 -0
  107. data/lib/generators/theme/two_col_portfolio/templates/index.html +129 -0
  108. data/lib/generators/theme/two_col_portfolio/two_col_portfolio_generator.rb +17 -0
  109. data/lib/rails_apps_pages/version.rb +1 -1
  110. metadata +107 -4
@@ -0,0 +1,21 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+ <title><%= content_for?(:title) ? yield(:title) : "My Application" %></title>
6
+ <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "My Application" %>">
7
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
8
+ <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
9
+ <%= csrf_meta_tags %>
10
+ <!-- Custom Fonts -->
11
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
12
+ </head>
13
+ <body>
14
+ <header>
15
+ <%= render 'layouts/navigation' %>
16
+ </header>
17
+ <%= render 'layouts/messages' %>
18
+ <%= yield %>
19
+ <%= render 'layouts/footer' %>
20
+ </body>
21
+ </html>
@@ -0,0 +1,156 @@
1
+ <!-- Page Content -->
2
+ <div class="container">
3
+
4
+ <!-- Page Heading/Breadcrumbs -->
5
+ <div class="row">
6
+ <div class="col-lg-12">
7
+ <h1 class="page-header">Blog Home One
8
+ <small>Subheading</small>
9
+ </h1>
10
+ <ol class="breadcrumb">
11
+ <li><%= link_to 'Home', root_path %>
12
+ </li>
13
+ <li class="active">Blog Home One</li>
14
+ </ol>
15
+ </div>
16
+ </div>
17
+ <!-- /.row -->
18
+
19
+ <div class="row">
20
+
21
+ <!-- Blog Entries Column -->
22
+ <div class="col-md-8">
23
+
24
+ <!-- First Blog Post -->
25
+ <h2>
26
+ <a href="#">Blog Post Title</a>
27
+ </h2>
28
+ <p class="lead">
29
+ by <%= link_to 'Start Bootstrap', root_path %>
30
+ </p>
31
+ <p><i class="fa fa-clock-o"></i> Posted on August 28, 2013 at 10:00 PM</p>
32
+ <hr>
33
+ <%= link_to page_path('blog-post') do %>
34
+ <img class="img-responsive img-hover" src="http://placehold.it/900x300" alt="">
35
+ <% end %>
36
+ <hr>
37
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, veritatis, tempora, necessitatibus inventore nisi quam quia repellat ut tempore laborum possimus eum dicta id animi corrupti debitis ipsum officiis rerum.</p>
38
+ <%= link_to page_path('blog-post'), class: 'btn btn-primary' do %>
39
+ Read More <i class="fa fa-angle-right"></i>
40
+ <% end %>
41
+ <hr>
42
+
43
+ <!-- Second Blog Post -->
44
+ <h2>
45
+ <a href="#">Blog Post Title</a>
46
+ </h2>
47
+ <p class="lead">
48
+ by <%= link_to 'Start Bootstrap', root_path %>
49
+ </p>
50
+ <p><i class="fa fa-clock-o"></i> Posted on August 28, 2013 at 10:45 PM</p>
51
+ <hr>
52
+ <%= link_to page_path('blog-post') do %>
53
+ <img class="img-responsive img-hover" src="http://placehold.it/900x300" alt="">
54
+ <% end %>
55
+ <hr>
56
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam, quasi, fugiat, asperiores harum voluptatum tenetur a possimus nesciunt quod accusamus saepe tempora ipsam distinctio minima dolorum perferendis labore impedit voluptates!</p>
57
+ <%= link_to page_path('blog-post'), class: 'btn btn-primary' do %>
58
+ Read More <i class="fa fa-angle-right"></i>
59
+ <% end %>
60
+
61
+ <hr>
62
+
63
+ <!-- Third Blog Post -->
64
+ <h2>
65
+ <a href="#">Blog Post Title</a>
66
+ </h2>
67
+ <p class="lead">
68
+ by <%= link_to 'Start Bootstrap', root_path %>
69
+ </p>
70
+ <p><i class="fa fa-clock-o"></i> Posted on August 28, 2013 at 10:45 PM</p>
71
+ <hr>
72
+ <%= link_to page_path('blog-post') do %>
73
+ <img class="img-responsive img-hover" src="http://placehold.it/900x300" alt="">
74
+ <% end %>
75
+ <hr>
76
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, voluptates, voluptas dolore ipsam cumque quam veniam accusantium laudantium adipisci architecto itaque dicta aperiam maiores provident id incidunt autem. Magni, ratione.</p>
77
+ <%= link_to page_path('blog-post'), class: 'btn btn-primary' do %>
78
+ Read More <i class="fa fa-angle-right"></i>
79
+ <% end %>
80
+
81
+ <hr>
82
+
83
+ <!-- Pager -->
84
+ <ul class="pager">
85
+ <li class="previous">
86
+ <a href="#">&larr; Older</a>
87
+ </li>
88
+ <li class="next">
89
+ <a href="#">Newer &rarr;</a>
90
+ </li>
91
+ </ul>
92
+
93
+ </div>
94
+
95
+ <!-- Blog Sidebar Widgets Column -->
96
+ <div class="col-md-4">
97
+
98
+ <!-- Blog Search Well -->
99
+ <div class="well">
100
+ <h4>Blog Search</h4>
101
+ <div class="input-group">
102
+ <input type="text" class="form-control">
103
+ <span class="input-group-btn">
104
+ <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
105
+ </span>
106
+ </div>
107
+ <!-- /.input-group -->
108
+ </div>
109
+
110
+ <!-- Blog Categories Well -->
111
+ <div class="well">
112
+ <h4>Blog Categories</h4>
113
+ <div class="row">
114
+ <div class="col-lg-6">
115
+ <ul class="list-unstyled">
116
+ <li><a href="#">Category Name</a>
117
+ </li>
118
+ <li><a href="#">Category Name</a>
119
+ </li>
120
+ <li><a href="#">Category Name</a>
121
+ </li>
122
+ <li><a href="#">Category Name</a>
123
+ </li>
124
+ </ul>
125
+ </div>
126
+ <!-- /.col-lg-6 -->
127
+ <div class="col-lg-6">
128
+ <ul class="list-unstyled">
129
+ <li><a href="#">Category Name</a>
130
+ </li>
131
+ <li><a href="#">Category Name</a>
132
+ </li>
133
+ <li><a href="#">Category Name</a>
134
+ </li>
135
+ <li><a href="#">Category Name</a>
136
+ </li>
137
+ </ul>
138
+ </div>
139
+ <!-- /.col-lg-6 -->
140
+ </div>
141
+ <!-- /.row -->
142
+ </div>
143
+
144
+ <!-- Side Widget Well -->
145
+ <div class="well">
146
+ <h4>Side Widget Well</h4>
147
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, perspiciatis adipisci accusamus laudantium odit aliquam repellat tempore quos aspernatur vero.</p>
148
+ </div>
149
+
150
+ </div>
151
+
152
+ </div>
153
+ <!-- /.row -->
154
+
155
+ </div>
156
+ <!-- /.container -->
@@ -0,0 +1,111 @@
1
+ <!-- Page Content -->
2
+ <div class="container">
3
+
4
+ <div class="row">
5
+ <div class="col-lg-12">
6
+ <h1 class="page-header">Blog Home Two
7
+ <small>Subheading</small>
8
+ </h1>
9
+ <ol class="breadcrumb">
10
+ <li><%= link_to 'Home', root_path %>
11
+ </li>
12
+ <li class="active">Blog Home Two</li>
13
+ </ol>
14
+ </div>
15
+ </div>
16
+ <!-- /.row -->
17
+
18
+ <!-- Blog Post Row -->
19
+ <div class="row">
20
+ <div class="col-md-1 text-center">
21
+ <p><i class="fa fa-camera fa-4x"></i>
22
+ </p>
23
+ <p>June 17, 2014</p>
24
+ </div>
25
+ <div class="col-md-5">
26
+ <%= link_to page_path('blog-post') do %>
27
+ <img class="img-responsive img-hover" src="http://placehold.it/600x300" alt="">
28
+ <% end %>
29
+ </div>
30
+ <div class="col-md-6">
31
+ <h3>
32
+ <%= link_to 'Blog Post Title', page_path('blog-post') %>
33
+ </h3>
34
+ <p>by <a href="#">Start Bootstrap</a>
35
+ </p>
36
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
37
+ <%= link_to page_path('blog-post') do %>
38
+ Read More <i class="fa fa-angle-right"></i>
39
+ <% end %>
40
+ </div>
41
+ </div>
42
+ <!-- /.row -->
43
+
44
+ <hr>
45
+
46
+ <!-- Blog Post Row -->
47
+ <div class="row">
48
+ <div class="col-md-1 text-center">
49
+ <p><i class="fa fa-film fa-4x"></i>
50
+ </p>
51
+ <p>June 17, 2014</p>
52
+ </div>
53
+ <div class="col-md-5">
54
+ <%= link_to page_path('blog-post') do %>
55
+ <img class="img-responsive img-hover" src="http://placehold.it/600x300" alt="">
56
+ <% end %>
57
+ </div>
58
+ <div class="col-md-6">
59
+ <h3><%= link_to 'Blog Post Title', page_path('blog-post') %>
60
+ </h3>
61
+ <p>by <a href="#">Start Bootstrap</a>
62
+ </p>
63
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
64
+ <%= link_to page_path('blog-post') do %>
65
+ Read More <i class="fa fa-angle-right"></i>
66
+ <% end %>
67
+ </div>
68
+ </div>
69
+ <!-- /.row -->
70
+
71
+ <hr>
72
+
73
+ <!-- Blog Post Row -->
74
+ <div class="row">
75
+ <div class="col-md-1 text-center">
76
+ <p><i class="fa fa-file-text fa-4x"></i>
77
+ </p>
78
+ <p>June 17, 2014</p>
79
+ </div>
80
+ <div class="col-md-5">
81
+ <%= link_to page_path('blog-post') do %>
82
+ <img class="img-responsive img-hover" src="http://placehold.it/600x300" alt="">
83
+ <% end %>
84
+ </div>
85
+ <div class="col-md-6">
86
+ <h3><%= link_to 'Blog Post Title', page_path('blog-post') %>
87
+ </h3>
88
+ <p>by <a href="#">Start Bootstrap</a>
89
+ </p>
90
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
91
+ <%= link_to page_path('blog-post') do %>
92
+ Read More <i class="fa fa-angle-right"></i>
93
+ <% end %>
94
+ </div>
95
+ </div>
96
+ <!-- /.row -->
97
+
98
+ <hr>
99
+
100
+ <!-- Pager -->
101
+ <div class="row">
102
+ <ul class="pager">
103
+ <li class="previous"><a href="#">&larr; Older</a>
104
+ </li>
105
+ <li class="next"><a href="#">Newer &rarr;</a>
106
+ </li>
107
+ </ul>
108
+ </div>
109
+ <!-- /.row -->
110
+
111
+ <!-- /.container -->
@@ -0,0 +1,166 @@
1
+ <!-- Page Content -->
2
+ <div class="container">
3
+
4
+ <!-- Page Heading/Breadcrumbs -->
5
+ <div class="row">
6
+ <div class="col-lg-12">
7
+ <h1 class="page-header">Blog Post
8
+ <small>by <a href="#">Start Bootstrap</a>
9
+ </small>
10
+ </h1>
11
+ <ol class="breadcrumb">
12
+ <li><%= link_to 'Home', root_path %>
13
+ </li>
14
+ <li class="active">Blog Post</li>
15
+ </ol>
16
+ </div>
17
+ </div>
18
+ <!-- /.row -->
19
+
20
+ <!-- Content Row -->
21
+ <div class="row">
22
+
23
+ <!-- Blog Post Content Column -->
24
+ <div class="col-lg-8">
25
+
26
+ <!-- Blog Post -->
27
+
28
+ <hr>
29
+
30
+ <!-- Date/Time -->
31
+ <p><i class="fa fa-clock-o"></i> Posted on August 24, 2013 at 9:00 PM</p>
32
+
33
+ <hr>
34
+
35
+ <!-- Preview Image -->
36
+ <img class="img-responsive" src="http://placehold.it/900x300" alt="">
37
+
38
+ <hr>
39
+
40
+ <!-- Post Content -->
41
+ <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut, error quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae laborum minus inventore?</p>
42
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus, voluptatibus.</p>
43
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, doloribus, dolorem iusto blanditiis unde eius illum consequuntur neque dicta incidunt ullam ea hic porro optio ratione repellat perspiciatis. Enim, iure!</p>
44
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas placeat totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo voluptatem obcaecati?</p>
45
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, dolor quis. Sunt, ut, explicabo, aliquam tenetur ratione tempore quidem voluptates cupiditate voluptas illo saepe quaerat numquam recusandae? Qui, necessitatibus, est!</p>
46
+
47
+ <hr>
48
+
49
+ <!-- Blog Comments -->
50
+
51
+ <!-- Comments Form -->
52
+ <div class="well">
53
+ <h4>Leave a Comment:</h4>
54
+ <form role="form">
55
+ <div class="form-group">
56
+ <textarea class="form-control" rows="3"></textarea>
57
+ </div>
58
+ <button type="submit" class="btn btn-primary">Submit</button>
59
+ </form>
60
+ </div>
61
+
62
+ <hr>
63
+
64
+ <!-- Posted Comments -->
65
+
66
+ <!-- Comment -->
67
+ <div class="media">
68
+ <a class="pull-left" href="#">
69
+ <img class="media-object" src="http://placehold.it/64x64" alt="">
70
+ </a>
71
+ <div class="media-body">
72
+ <h4 class="media-heading">Start Bootstrap
73
+ <small>August 25, 2014 at 9:30 PM</small>
74
+ </h4>
75
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
76
+ </div>
77
+ </div>
78
+
79
+ <!-- Comment -->
80
+ <div class="media">
81
+ <a class="pull-left" href="#">
82
+ <img class="media-object" src="http://placehold.it/64x64" alt="">
83
+ </a>
84
+ <div class="media-body">
85
+ <h4 class="media-heading">Start Bootstrap
86
+ <small>August 25, 2014 at 9:30 PM</small>
87
+ </h4>
88
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
89
+ <!-- Nested Comment -->
90
+ <div class="media">
91
+ <a class="pull-left" href="#">
92
+ <img class="media-object" src="http://placehold.it/64x64" alt="">
93
+ </a>
94
+ <div class="media-body">
95
+ <h4 class="media-heading">Nested Start Bootstrap
96
+ <small>August 25, 2014 at 9:30 PM</small>
97
+ </h4>
98
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
99
+ </div>
100
+ </div>
101
+ <!-- End Nested Comment -->
102
+ </div>
103
+ </div>
104
+
105
+ </div>
106
+
107
+ <!-- Blog Sidebar Widgets Column -->
108
+ <div class="col-md-4">
109
+
110
+ <!-- Blog Search Well -->
111
+ <div class="well">
112
+ <h4>Blog Search</h4>
113
+ <div class="input-group">
114
+ <input type="text" class="form-control">
115
+ <span class="input-group-btn">
116
+ <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
117
+ </span>
118
+ </div>
119
+ <!-- /.input-group -->
120
+ </div>
121
+
122
+ <!-- Blog Categories Well -->
123
+ <div class="well">
124
+ <h4>Blog Categories</h4>
125
+ <div class="row">
126
+ <div class="col-lg-6">
127
+ <ul class="list-unstyled">
128
+ <li><a href="#">Category Name</a>
129
+ </li>
130
+ <li><a href="#">Category Name</a>
131
+ </li>
132
+ <li><a href="#">Category Name</a>
133
+ </li>
134
+ <li><a href="#">Category Name</a>
135
+ </li>
136
+ </ul>
137
+ </div>
138
+ <div class="col-lg-6">
139
+ <ul class="list-unstyled">
140
+ <li><a href="#">Category Name</a>
141
+ </li>
142
+ <li><a href="#">Category Name</a>
143
+ </li>
144
+ <li><a href="#">Category Name</a>
145
+ </li>
146
+ <li><a href="#">Category Name</a>
147
+ </li>
148
+ </ul>
149
+ </div>
150
+ </div>
151
+ <!-- /.row -->
152
+ </div>
153
+
154
+ <!-- Side Widget Well -->
155
+ <div class="well">
156
+ <h4>Side Widget Well</h4>
157
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, perspiciatis adipisci accusamus laudantium odit aliquam repellat tempore quos aspernatur vero.</p>
158
+ </div>
159
+
160
+ </div>
161
+
162
+ </div>
163
+ <!-- /.row -->
164
+
165
+ </div>
166
+ <!-- /.container -->