prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[mod] let's try to do that without materialize

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-04 02:04:13 +01:00
parent 418040a769
commit c950d0f1cd
2 changed files with 9 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
materialize/css/style.css
View File

@ -42,3 +42,9 @@
background: transparent -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%; background: transparent -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%;
padding: 20% 0 0; padding: 20% 0 0;
} }
.gallery-header {
text-align: center;
margin-top: 10em;
margin-bottom: 8em;
}

51
templates/example.html
View File

@ -1,10 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="../materialize/css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="../materialize/css/style.css" media="screen,projection"/> <link type="text/css" rel="stylesheet" href="../materialize/css/style.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile--> <!--Let browser know website is optimized for mobile-->
@ -13,16 +9,9 @@
<body> <body>
<div class="section no-pad-bot" id="index-banner"> <div class="gallery-header">
<div class="container"> <h1>Gallery Name</h1>
<br><br> <h5>Subtext of the gallery name</h5>
<h1 class="header center">Gallery Name</h1>
<div class="row center">
<h5 class="header col s12 light">Subtext of the gallery name</h5>
</div>
<br><br>
</div>
</div> </div>
<div class="galleries-grid"> <div class="galleries-grid">
@ -45,39 +34,5 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m6" style="height: 100%; width: 47%">
<div class="icon-block" style="height: 100%; width: 100%">
<h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Speeds up development</h5>
<p class="light">We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers.</p>
</div>
<div style="background-image: url('./1.png'); height: 100%; width: 100%"></div>
</div>
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
<h5 class="center">Easy to work with</h5>
<p class="light">We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any questions a user may have about Materialize.</p>
</div>
</div>
</div>
</div>
<br><br>
</div>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../materialize/js/materialize.min.js"></script>
</body> </body>
</html> </html>