Created
October 4, 2020 11:59
-
-
Save icu0755/46d234d71c68e8401f5feb3262817ec8 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<!--Import Google Icon Font--> | |
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
<!--Import materialize.css--> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> | |
<!--Let browser know website is optimized for mobile--> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
</head> | |
<body> | |
<nav class="light-blue lighten-1" role="navigation"> | |
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Logo</a> | |
<ul class="right hide-on-med-and-down"> | |
<li><a href="#">Navbar Link</a></li> | |
</ul> | |
<ul id="nav-mobile" class="sidenav"> | |
<li><a href="#">Navbar Link</a></li> | |
</ul> | |
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a> | |
</div> | |
</nav> | |
<div class="section no-pad-bot" id="index-banner"> | |
<div class="container"> | |
<br><br> | |
<h1 class="header center orange-text">Starter Template</h1> | |
<div class="row center"> | |
<h5 class="header col s12 light">A modern responsive front-end framework based on Material Design</h5> | |
</div> | |
<div class="row center"> | |
<a href="http://materializecss.com/getting-started.html" id="download-button" | |
class="btn-large waves-effect waves-light orange">Get Started</a> | |
</div> | |
<br><br> | |
</div> | |
</div> | |
<div class="container"> | |
<div class="section"> | |
<h2 class="orange-text">Software Engineer</h2> | |
<p class="light-blue-text"><i class="material-icons">location_on</i> Munich</p> | |
<h3 class="orange-text">Description</h3> | |
<p class="light"></p> | |
<h3 class="orange-text">Requirements</h3> | |
<div> | |
<ul> | |
<li>Stong technical experience in multiple programming languages, with a focus on PHP and JavaScript | |
</li> | |
<li>Expert-level understanding of performant database design and querying with either PostgreSQL or | |
MySQL | |
</li> | |
<li>Strong experience writing unit tests, TDD is a plus</li> | |
<li>Expert-level understanding of quality software architecture and design principles like SRP, OCP, | |
LSP, | |
ISP, DIP (e.g. SOLID) | |
</li> | |
<li>Strong experience building, using and maintaining deployment pipelines and CI/CD, with an | |
appreciation | |
of DevOps principles | |
</li> | |
<li>Follower of OOP principles</li> | |
</ul> | |
</div> | |
<h3 class="orange-text">Benefits</h3> | |
<div> | |
<ul> | |
<li>Friendly, collegiate atmosphere with colleagues who compliment one another with their skills</li> | |
<li>We speak English in the office</li> | |
<li>Quarterly events within the individual team, to be decided on democratically</li> | |
<li>Emphasis on a healthy work-life balance, with positive and supportive management</li> | |
<li>Home Office options, especially during Corona times</li> | |
<li>Kitchen stocked with fresh fruit, drinks and snacks, as many as you like</li> | |
<li>The latest hardware provided; whether it's Mac, Windows or Linux</li> | |
<li>Ever expanding company library with the newest books for learning</li> | |
<li>Easily accessible offices close to downtown Munich</li> | |
</ul> | |
</div> | |
<h3 class="orange-text">Company description</h3> | |
<p class="light"></p> | |
<!-- Icon Section --> | |
<div class="row"> | |
<div class="col s12 m4"> | |
<div class="icon-block"> | |
<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> | |
<div class="col s12 m4"> | |
<div class="icon-block"> | |
<h2 class="center light-blue-text"><i class="material-icons">group</i></h2> | |
<h5 class="center">User Experience Focused</h5> | |
<p class="light">By utilizing elements and principles of Material Design, we were able to create a | |
framework that incorporates components and animations that provide more feedback to users. | |
Additionally, a single underlying responsive system across all platforms allow for a more | |
unified user experience.</p> | |
</div> | |
</div> | |
<div class="col s12 m4"> | |
<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> | |
<footer class="page-footer orange"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col l6 s12"> | |
<h5 class="white-text">Company Bio</h5> | |
<p class="grey-text text-lighten-4">We are a team of college students working on this project like it's | |
our full time job. Any amount would help support and continue development on this project and is | |
greatly appreciated.</p> | |
</div> | |
<div class="col l3 s12"> | |
<h5 class="white-text">Settings</h5> | |
<ul> | |
<li><a class="white-text" href="#!">Link 1</a></li> | |
<li><a class="white-text" href="#!">Link 2</a></li> | |
<li><a class="white-text" href="#!">Link 3</a></li> | |
<li><a class="white-text" href="#!">Link 4</a></li> | |
</ul> | |
</div> | |
<div class="col l3 s12"> | |
<h5 class="white-text">Connect</h5> | |
<ul> | |
<li><a class="white-text" href="#!">Link 1</a></li> | |
<li><a class="white-text" href="#!">Link 2</a></li> | |
<li><a class="white-text" href="#!">Link 3</a></li> | |
<li><a class="white-text" href="#!">Link 4</a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<div class="footer-copyright"> | |
<div class="container"> | |
Copyright (c) 2020 Staff 101. All Rights Reserved. | |
<a href="#" class="grey-text text-lighten-3 right">Privacy</a> | |
<a href="#" class="grey-text text-lighten-3 right">Policy</a> | |
</div> | |
</div> | |
</footer> | |
<!-- Scripts--> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> | |
<div class="sidenav-overlay"></div> | |
<div class="drag-target"></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment