Skip to content

Instantly share code, notes, and snippets.

@benznest
benznest / index.html
Last active November 8, 2018 06:18
Training bootstrap GRID LAYOUT (Version 1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hello</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
@benznest
benznest / index.html
Created November 8, 2018 06:18
Training bootstrap GRID LAYOUT (Version 2)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hello</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Indie+Flower');
body{
background: #DCEBFC;
font-family: 'Indie Flower', cursive;
}
.container{
background: #FFF;
padding: 1.5rem
}
h1,h2,h3{
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Indie+Flower');
body{
background: #DCEBFC;
font-family: 'Indie Flower', cursive;
}
.container{
background: #FFF;
padding: 1.5rem
}
h1,h2,h3{
@benznest
benznest / portal.html
Created November 9, 2018 02:43
Bootstrap 4 TABLE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Portal</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
@benznest
benznest / login.html
Created November 9, 2018 03:00
bootstrap login form
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Login</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
@benznest
benznest / news.html
Created November 9, 2018 03:46
Bootstrap card
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>News</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
@benznest
benznest / news.html
Created November 9, 2018 04:23
Bootstrap embed and media
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>News</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
@benznest
benznest / news.html
Last active November 9, 2018 07:31
bootstrap carousel
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>News</title>
<link rel="stylesheet" href="css/minty.min.css" />
</head>
@benznest
benznest / main.dart
Created January 23, 2019 08:47
Learn about Draggable in Flutter
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Drag and Drop Demo',