Layout: use bootstrap classes

src/templates/projects/home_layout.pug

@@ -38,29 +38,35 @@ meta(name="twitter:image", content="{{ url_for('static', filename='assets/img/ba
 
 	section.dashboard-secondary
 		section.announcement
-			img.header(
-				src="{{ url_for('static', filename='assets/img/blender_sync_header.jpg') }}")
+			a(href="https://cloud.blender.org/blog/introducing-blender-sync")
+				img.header(
+					src="{{ url_for('static', filename='assets/img/blender_sync_header.jpg') }}")
 			.text
 				| {% block side_announcement %}
-				.title
-					a(href="https://cloud.blender.org/blog/introducing-blender-sync") Blender Sync
+				h5
+					a.text-muted(href="https://cloud.blender.org/blog/introducing-blender-sync")
+						| Blender Sync
 
 				.lead
-					span.
+					p.
 						Save your settings once. Use them anywhere.
 						Carry your Blender configuration with you, use our free add-on to sync your keymaps and preferences.
-						<hr/>
+						#[hr]
 						Syncing is free for everyone. No subscription required.
 				| {% endblock %}
+
 				| {% if show_addon_download_buttons %}
-				.buttons
-					a.btn.btn-default.btn-outline.orange(
-						href="https://cloud.blender.org/r/downloads/blender_cloud-latest-bundle.zip")
-						i.pi-download
-						| Download <small>v</small>{{ config.BLENDER_CLOUD_ADDON_VERSION }}
-					a.btn.btn-default.btn-outline.blue(
-						href="{{ learn_more_btn_url }}")
-						| Learn More
+				.row
+					.col-md-8
+						a.btn.btn-block.btn-outline-success(
+							href="https://cloud.blender.org/r/downloads/blender_cloud-latest-bundle.zip")
+							i.pi-download
+							| Download <small>v</small>{{ config.BLENDER_CLOUD_ADDON_VERSION }}
+					.col-md-4
+						a.btn.btn-link(
+							href="{{ learn_more_btn_url }}")
+							| Learn More
+							i.pi-angle-right
 				| {% endif %}
 | {% endblock %}