Skip to content

Commit 79b49c3

Browse files
alexandru-padurarualexandru-paduraru
committed
added icons for vue angular etc.
small change in text aligned icons removed some text from final section
1 parent 0cc3484 commit 79b49c3

File tree

1 file changed

+62
-25
lines changed

1 file changed

+62
-25
lines changed

‎presentation.html

Lines changed: 62 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
<meta property="fb:app_id" content="655968634437471">
4242
<meta property="og:title" content="Material Dashboard by Creative Tim">
4343
<meta property="og:type" content="article">
44-
<meta property="og:url" content="http://demos.creative-tim.com/material-dashboard/presentation.html">
44+
<meta property="og:url" content="https://demos.creative-tim.com/material-dashboard/presentation.html">
4545
<meta property="og:image" content="https://s3.amazonaws.com/creativetim_bucket/products/50/opt_md_thumbnail.jpg">
4646
<meta property="og:description" content="Prototype and Develop with a Badass Bootstrap 4 Admin Template inspired by Material Design.">
4747
<meta property="og:site_name" content="Creative Tim">
@@ -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;
@@ -109,16 +121,13 @@
109121
<b class="caret"></b>
110122
</a>
111123
<ul class="dropdown-menu dropdown-menu-right">
112-
113124
<li>
114125
<a href="https://github.com/creativetimofficial/material-dashboard/archive/master.zip" class="google-events" data-google-event="Download HTML Navbar">Download HTML
115126
</a>
116127
</li>
117128
<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>
118129
<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>
119130
<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>
120-
121-
122131
</ul>
123132
</div>
124133
</li>
@@ -135,7 +144,7 @@
135144
<div class="col-lg-6">
136145
<div class="brand">
137146
<h1 class="title"> Material Dashboard</h1>
138-
<h4> Free Bootstrap 4 Material Admin </h4>
147+
<h4>Free Admin for Bootstrap 4, React, Angular, Vue.js</h4>
139148
<br>
140149

141150
<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>
@@ -152,17 +161,53 @@ <h4> Free Bootstrap 4 Material Admin </h4>
152161
</div>
153162

154163
<div class="main main-raised">
155-
<div class="section">
164+
<div class="section section-technologies">
156165
<div class="container">
157-
<div class="row">
158-
<div class="col-md-8 ml-auto mr-auto">
159-
<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>
160-
</div>
161-
</div>
166+
<div class="row">
167+
168+
<div class="col-md-8 offset-2 text-center">
169+
<h2 class="title">Modern technologies</h2>
170+
<h4 class="description">
171+
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.
172+
</h4>
173+
</div>
174+
<br>
175+
</div>
176+
<div class="technologies">
177+
178+
<a href="https://getbootstrap.com/" target="_blank" rel="tooltip" title="" data-original-title="Bootstrap - Most popular front-end component library">
179+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/bootstrap.jpg">
180+
</a>
181+
182+
<a href="https://vuejs.org/" target="_blank" rel="tooltip" title="" data-original-title="Vue.js - The progressive javascript framework">
183+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/vue.jpg">
184+
</a>
185+
186+
<a href="https://angularjs.org/" target="_blank" rel="tooltip" title="" data-original-title="Angular - One framework. Mobile &amp; desktop">
187+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/angular.jpg">
188+
</a>
189+
190+
<a href="https://reactjs.org/" target="_blank" rel="tooltip" title="" data-original-title="React - A JavaScript library for building user interfaces">
191+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/react.jpg">
192+
</a>
193+
194+
<a href="https://sass-lang.com/" target="_blank" rel="tooltip" title="" data-original-title="Sass - Powerful professional CSS extension language in the world">
195+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/sass.jpg">
196+
</a>
197+
198+
<a href="https://www.adobe.com/products/photoshop.html" target="_blank" rel="tooltip" title="" data-original-title="Adobe Photoshop - Software for digital images manipulation">
199+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/ps.jpg">
200+
</a>
201+
202+
<a href="https://www.sketchapp.com/" target="_blank" rel="tooltip" title="" data-original-title="Sketch - Digital design toolkit">
203+
<img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/sketch.jpg">
204+
</a>
205+
206+
</div>
162207
<div class="features-1">
163208
<div class="row">
164209
<div class="col-md-6">
165-
<div class="info">
210+
<div class="info text-center">
166211
<div class="icon icon-rose">
167212
<i class="material-icons">font_download</i>
168213
</div>
@@ -171,7 +216,7 @@ <h3 class="info-title">Web Fonts</h3>
171216
</div>
172217
</div>
173218
<div class="col-md-6">
174-
<div class="info">
219+
<div class="info text-center">
175220
<div class="icon icon-info">
176221
<i class="material-icons">view_carousel</i>
177222
</div>
@@ -180,7 +225,7 @@ <h3 class="info-title">Google Material Design</h3>
180225
</div>
181226
</div>
182227
<div class="col-md-6">
183-
<div class="info">
228+
<div class="info text-center">
184229
<div class="icon icon-success">
185230
<i class="material-icons">phonelink</i>
186231
</div>
@@ -189,7 +234,7 @@ <h3 class="info-title">Scalable</h3>
189234
</div>
190235
</div>
191236
<div class="col-md-6">
192-
<div class="info">
237+
<div class="info text-center">
193238
<div class="icon icon-warning">
194239
<i class="material-icons">dashboard</i>
195240
</div>
@@ -239,7 +284,7 @@ <h2 class="title">Content Areas</h2>
239284
<h6 class="category">For Areas that Need More Space</h6>
240285
<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>
241286
<br>
242-
<a href="../material-kit/index.html#typography" class="btn btn-primary btn-round" target="_blank">View Content Areas</a>
287+
<a href="https://demos.creative-tim.com/material-dashboard/examples/tables.html" class="btn btn-primary btn-round" target="_blank">View Content Areas</a>
243288
</div>
244289
</div>
245290
</div>
@@ -252,15 +297,7 @@ <h5 class="description">If you need elements such as tables, comments, descripti
252297
<div class="col-lg-6">
253298
<!-- 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 :-) -->
254299
<h2 class="title">Your life will be much easier</h2>
255-
<div class="info info-horizontal">
256-
<div class="icon icon-primary">
257-
<i class="material-icons">format_bold</i>
258-
</div>
259-
<div class="description">
260-
<h4 class="info-title">Bootstrap 4 & Flexbox</h4>
261-
<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>
262-
</div>
263-
</div>
300+
264301
<div class="info info-horizontal">
265302
<div class="icon icon-primary">
266303
<i class="material-icons">child_friendly</i>

0 commit comments

Comments
 (0)