kiwiwr

blank

Get Started

<link rel="stylesheet" href="http://kiwiwr.ru/blank/css/default.css">

Download | Raw

Blank Example

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Blank Example</title>
	<!-- Standard-->
	<meta name="author" content="kiwiwr">
	<meta name="keywords" content="keywords">
	<meta name="description" content="description">
	<!-- Icon -->
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<!-- Style -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="http://kiwiwr.ru/blank/css/default.css">
	<!-- Script -->
	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>

	<main>
		<h1>Blank Example</h1>
	</main>

</body>
</html>

Download | Example

Form Example

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Form Example</title>
	<!-- Standard-->
	<meta name="author" content="kiwiwr">
	<meta name="keywords" content="keywords">
	<meta name="description" content="description">
	<!-- Icon -->
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<!-- Style -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="http://kiwiwr.ru/blank/css/default.css">
	<!-- Script -->
	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>

<form action="">

	<span class="f fs100">
		<input type="text" name="text" placeholder="Text">
		<input type="password" name="password" placeholder="Password">
		<input type="tel" name="tel" placeholder="Tel">
		<input type="url" name="url" placeholder="Url">
		<input type="search" name="search" placeholder="Search">
		<input type="email" name="email" placeholder="Email">
		<input type="number" min="0" name="number" placeholder="Number">
	</span>

	<input type="hidden" name="" placeholder="hidden">

	<div class="fm">
		<label><input type="radio" name="radio">Radio 1</label><br>
		<label><input type="radio" name="radio">Radio 2</label><br>
		<label><input type="radio" name="radio">Radio 3</label><br>
	</div>

	<div class="fm">
		<label><input type="checkbox" name="checkbox">Сheckbox</label><br>
		<label><input type="checkbox" name="checkbox">Сheckbox</label><br>
		<label><input type="checkbox" name="checkbox">Сheckbox</label><br>
	</div>

	<input type="file" name="file">

	<span class="f fs100">

		<input type="date" name="date">

		<select name="select">
			<option disabled selected>Default</option>
			<option value="Item 1">Item 1</option>
			<option value="Item 2">Item 2</option>
			<option value="Item 3">Item 3</option>
		</select>

		<input list="datalist" name="datalist" placeholder="Default">
		<datalist id="datalist">
			<option value="Item 1">Item 1</option>
			<option value="Item 2">Item 2</option>
			<option value="Item 3">Item 3</option>
		</datalist>

		<textarea rows="10" name="text" placeholder="Textarea"></textarea>

	</span>

	<input type="submit" name="submit" value="Submit">

</form>

</body>
</html>

Download | Example

Table Example

<table class="table">
    <tr class="header">
        <td>Title 1</td>
        <td>Title 2</td>
        <td>Title 3</td>
    </tr>
    <tr>
        <td>01</td>
        <td>02</td>
        <td>03</td>
    </tr>
    <tr>
        <td>01</td>
        <td>02</td>
        <td>03</td>
    </tr>
</table>

Download | Example