LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code



	
	

	
	
	



	
		
			
				
CSS
* {
  font-family: "Roboto", Arial, serif !important;
}

.slider {
  height: 80vh;
}

.slider h1 {
  text-align: center;
}

span {
  height: 100%;
}

.to-user .chat-bubble.right {
  background-color: #A7A7A7;
}

.box {
  height: 100%;
  background-size: cover;
}

.box.blue {
  background-image: url("http://androidspin.com/wp-content/uploads/2014/04/Tahoe-750x400.png");
}

.box.yellow {
  background-color: yellow;
  background-image: url("http://www.elandroidelibre.com/wp-content/uploads/2014/05/rVFfd91.png");
}

.box.pink {
  background-color: pink;
  background-image: url("https://lh4.googleusercontent.com/-Ug8WcmBdXOE/VEIad68K8hI/AAAAAAAActw/YpJ7BLmTLUw/w1920-h1080/Google%2BNow%2BWallpaper%2B2.png");
}

.btn {
  text-align: center;
  height: 10vh;
}

.card.sign-up.btn {
  margin: 0px;
  background-color: #00ACD0;
}

.card.sign-up.btn button {
  background-color: #00ACD0;
  border: none;
  font-size: 6vh;
  width: 100%;
}

.card.login.btn button {
  background-color: #EF4923;
  border: none;
  font-size: 6vh;
  width: 100%;
}

.text {
  padding: 1%;
}

.card.login.btn {
  margin: 0px;
  background-color: #EF4923;
}

.card span {
  line-height: 10vh;
}
JS
angular.module('ionicApp', ['ionic'])

.controller('MainCtrl', function($scope) {

  
});
Host Instantly Drag and Drop Website Builder

 

Description

This is a homescreen that i threw together in 10 minutes using ionic ion-slide to add starting snippets of useful information about your application the login and signup buttons made with some inspiration from snapchats buttons 'I couldn't think of a color scheme'.
Term
Wed, 11/29/2017 - 11:25

Related Codes

Pen ID
Pen ID
Pen ID