Skip to content

Commit 5e5b1e7

Browse files
marqbeniaminmarqbeniamin
committed
Merge branch 'gh-pages' of https://github.com/creativetimofficial/material-dashboard into gh-pages
* 'gh-pages' of https://github.com/creativetimofficial/material-dashboard: added share and commented up vote buttons added icons for vue angular etc. small change in text aligned icons removed some text from final section
2 parents 6890ea1 + 2b55ecc commit 5e5b1e7

File tree

1 file changed

+80
-26
lines changed

1 file changed

+80
-26
lines changed

‎presentation.html

Lines changed: 80 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,18 @@
5555
<link href="https://s3.amazonaws.com/creativetim_bucket/static-assets/material-kit-demo.min.css" rel="stylesheet" />
5656
<style>
5757

58+
.section-technologies a img{
59+
max-width: 100%;
60+
}
61+
.technologies{
62+
text-align: center;
63+
margin-bottom: 50px;
64+
}
65+
.technologies a{
66+
margin: 30px 15px 0px;
67+
max-width: 65px;
68+
display: inline-block;
69+
}
5870
@media(max-width:767px){
5971
.social-img{
6072
display: none;
@@ -126,16 +138,13 @@
126138
<b class="caret"></b>
127139
</a>
128140
<ul class="dropdown-menu dropdown-menu-right">
129-
130141
<li>
131142
<a href="https://github.com/creativetimofficial/material-dashboard/archive/master.zip" class="google-events" data-google-event="Download HTML Navbar">Download HTML
132143
</a>
133144
</li>
134145
<li><a href="https://github.com/creativetimofficial/material-dashboard-react/archive/master.zip" class="google-events" data-google-event="Download React Navbar">Download React</a></li>
135146
<li><a href="https://github.com/creativetimofficial/material-dashboard-angular2/archive/master.zip" class="google-events" data-google-event="Download Angular Navbar">Download Angular</a></li>
136147
<li><a href="https://github.com/creativetimofficial/vue-material-dashboard/archive/master.zip" class="google-events" data-google-event="Download Vue Navbar">Download Vue</a></li>
137-
138-
139148
</ul>
140149
</div>
141150
</li>
@@ -152,12 +161,18 @@
152161
<div class="col-lg-6">
153162
<div class="brand">
154163
<h1 class="title"> Material Dashboard</h1>
155-
<h4> Free Bootstrap 4 Material Admin </h4>
164+
<h4>Free Admin for Bootstrap 4, React, Angular, Vue.js</h4>
156165
<br>
157166

158-
<a class="github-button" href="https://github.com/creativetimofficial/material-dashboard" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star creativetimofficial/material-dashboard on GitHub">Star</a>
167+
<!-- <iframe src="https://yvoschaap.com/producthunt/counter.html#href=https%3A%2F%2Fwww.producthunt.com%2Fr%2Fa9d3195d0efcec%2F41248&layout=wide" width="80" height="21" scrolling="no" frameborder="0" allowtransparency="true"></iframe> -->
168+
169+
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffacebook.com%2FCreativeTim&width=74&layout=button_count&action=like&size=small&show_faces=true&share=false&height=21&appId" data-size="small" width="76px" height="20px" style="border:none;overflow:hidden;" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
170+
171+
<a href="https://twitter.com/creativetim?ref_src=twsrc%5Etfw" data-size="small" class="twitter-follow-button" data-show-screen-name="false" data-show-count="true">Follow @creativetim</a>
159172

160-
<a class="github-button" href="https://github.com/creativetimofficial/material-dashboard/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork creativetimofficial/material-dashboard on GitHub">Fork</a>
173+
<a class="github-button" href="https://github.com/creativetimofficial/material-dashboard" data-icon="octicon-star" data-size="small" data-show-count="true" aria-label="Star creativetimofficial/material-dashboard on GitHub">Star</a>
174+
175+
<a class="github-button" href="https://github.com/creativetimofficial/material-dashboard/fork" data-icon="octicon-repo-forked" data-size="small" data-show-count="true" aria-label="Fork creativetimofficial/material-dashboard on GitHub">Fork</a>
161176

162177
</div>
163178
</div>
@@ -169,17 +184,53 @@ <h4> Free Bootstrap 4 Material Admin </h4>
169184
</div>
170185

171186
<div class="main main-raised">
172-
<div class="section">
187+
<div class="section section-technologies">
173188
<div class="container">
174-
<div class="row">
175-
<div class="col-md-8 ml-auto mr-auto">
176-
<h4 class="description text-center">Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google&apos;s Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. </h4>
177-
</div>
178-
</div>
189+
<div class="row">
190+
191+
<div class="col-md-8 offset-2 text-center">
192+
<h2 class="title">Modern technologies</h2>
193+
<h4 class="description">
194+
Material Dashboard is a free Material Design Admin with a fresh design inspired by Google&apos;s Material Design. Material Dashboard is built on top of modern frameworks. Having the coded and the designed versions for the same framework, your designers and developers will talk the same language.
195+
</h4>
196+
</div>
197+
<br>
198+
</div>
199+
<div class="technologies">
200+
201+
<a href="https://getbootstrap.com/" target="_blank" rel="tooltip" title="" data-original-title="Bootstrap - Most popular front-end component library">
202+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/bootstrap.jpg">
203+
</a>
204+
205+
<a href="https://vuejs.org/" target="_blank" rel="tooltip" title="" data-original-title="Vue.js - The progressive javascript framework">
206+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/vue.jpg">
207+
</a>
208+
209+
<a href="https://angularjs.org/" target="_blank" rel="tooltip" title="" data-original-title="Angular - One framework. Mobile &amp; desktop">
210+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/angular.jpg">
211+
</a>
212+
213+
<a href="https://reactjs.org/" target="_blank" rel="tooltip" title="" data-original-title="React - A JavaScript library for building user interfaces">
214+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/react.jpg">
215+
</a>
216+
217+
<a href="https://sass-lang.com/" target="_blank" rel="tooltip" title="" data-original-title="Sass - Powerful professional CSS extension language in the world">
218+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/sass.jpg">
219+
</a>
220+
221+
<a href="https://www.adobe.com/products/photoshop.html" target="_blank" rel="tooltip" title="" data-original-title="Adobe Photoshop - Software for digital images manipulation">
222+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/ps.jpg">
223+
</a>
224+
225+
<a href="https://www.sketchapp.com/" target="_blank" rel="tooltip" title="" data-original-title="Sketch - Digital design toolkit">
226+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/sketch.jpg">
227+
</a>
228+
229+
</div>
179230
<div class="features-1">
180231
<div class="row">
181232
<div class="col-md-6">
182-
<div class="info">
233+
<div class="info text-center">
183234
<div class="icon icon-rose">
184235
<i class="material-icons">font_download</i>
185236
</div>
@@ -188,7 +239,7 @@ <h3 class="info-title">Web Fonts</h3>
188239
</div>
189240
</div>
190241
<div class="col-md-6">
191-
<div class="info">
242+
<div class="info text-center">
192243
<div class="icon icon-info">
193244
<i class="material-icons">view_carousel</i>
194245
</div>
@@ -197,7 +248,7 @@ <h3 class="info-title">Google Material Design</h3>
197248
</div>
198249
</div>
199250
<div class="col-md-6">
200-
<div class="info">
251+
<div class="info text-center">
201252
<div class="icon icon-success">
202253
<i class="material-icons">phonelink</i>
203254
</div>
@@ -206,7 +257,7 @@ <h3 class="info-title">Scalable</h3>
206257
</div>
207258
</div>
208259
<div class="col-md-6">
209-
<div class="info">
260+
<div class="info text-center">
210261
<div class="icon icon-warning">
211262
<i class="material-icons">dashboard</i>
212263
</div>
@@ -256,7 +307,7 @@ <h2 class="title">Content Areas</h2>
256307
<h6 class="category">For Areas that Need More Space</h6>
257308
<h5 class="description">If you need elements such as tables, comments, description areas, tabs and many others, we&apos;ve got you covered. We took into consideration multiple use cases and came up with some specific elements that you will love to use. They&apos;re beautiful and easy to use for the end user navigating your website. </h5>
258309
<br>
259-
<a href="../material-kit/index.html#typography" class="btn btn-primary btn-round" target="_blank">View Content Areas</a>
310+
<a href="https://demos.creative-tim.com/material-dashboard/examples/tables.html" class="btn btn-primary btn-round" target="_blank">View Content Areas</a>
260311
</div>
261312
</div>
262313
</div>
@@ -269,15 +320,7 @@ <h5 class="description">If you need elements such as tables, comments, descripti
269320
<div class="col-lg-6">
270321
<!-- Some <br /> tags to push the text to align with the image, you can remove it if you have more text on the right side :-) -->
271322
<h2 class="title">Your life will be much easier</h2>
272-
<div class="info info-horizontal">
273-
<div class="icon icon-primary">
274-
<i class="material-icons">format_bold</i>
275-
</div>
276-
<div class="description">
277-
<h4 class="info-title">Bootstrap 4 & Flexbox</h4>
278-
<p>Enjoy the fluid grid system based on 12 columns. Material Dashboard is built over Bootstrap 4 and has all the benefits the flexbox for the layout, grid system and components.</p>
279-
</div>
280-
</div>
323+
281324
<div class="info info-horizontal">
282325
<div class="icon icon-primary">
283326
<i class="material-icons">child_friendly</i>
@@ -450,6 +493,17 @@ <h3>Thank you for supporting us!</h3>
450493
<script src="https://s3.amazonaws.com/creativetim_bucket/static-assets/material-kit-demo.min.js"></script>
451494
<script src="https://buttons.github.io/buttons.js"></script>
452495

496+
<script>(function(d, s, id) {
497+
var js, fjs = d.getElementsByTagName(s)[0];
498+
if (d.getElementById(id)) return;
499+
js = d.createElement(s); js.id = id;
500+
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12';
501+
fjs.parentNode.insertBefore(js, fjs);
502+
}(document, 'script', 'facebook-jssdk'));
503+
</script>
504+
505+
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
506+
453507
<script type="text/javascript">
454508

455509
$(document).ready(function() {

0 commit comments

Comments
 (0)