TuPe--Tutorial-PHP-/index.php at master · renbooo/TuPe--Tutorial-PHP- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!doctype html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300|Merriweather' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
	<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
	<script src="js/modernizr.js"></script> <!-- Modernizr -->

	<title>Beranda TuPe</title>
</head>
<body>
	<header class="cd-header" data-type="slider-item">
		<h1 class="tupe-font">Selamat Datang di TuPe</h1>
	  		<a href="menu.php"><button type="button" class="btn btn-default">Mulai Belajar</button></a>
				<div class="powered">
					<h2>Dukungan :</h2>
					<img id="html-img" src="img/HTML5.svg" alt="HTML-Image" />
					<img id="js-img" src="img/JS.svg" alt="Javascript-Image" />
					<a href="https://nodejs.org/" target="_blank"><img id="node-img" src="img/NodeJS.png" alt="NodeJS-Image" /></a>
					<a href="https://jquery.com/" target="_blank"><img id="jquery-img" src="img/JQuery.png" alt="JQuery-Image" /></a>
					<a href="http://getbootstrap.com/" target="_blank"><img id="boot-img" src="img/Bootstrap.png" alt="Bootstrap-Image" /></a>
					<a href="http://github.com/" target="_blank"><img id="git-img" src="img/github.svg" alt="Github-Image" /></a>
				</div>
	</header>
	<section class="cd-fixed-background img-1" data-type="slider-item">
		<div class="cd-content">
			<h2>Apa itu TuPe ?</h2>
			<p> TuPe adalah sebuah situs pengembang web dan aplikasi berbasis desktop, yang dimana TuPe akan mengajari kita berbagai macam materi
				khusus tentang bahasa pemrograman PHP. Istilah TuPe sendiri diambil dari akronim kalimat "Tutorial PHP."
			</p>
			</div>
		</section>

		<section class="cd-fixed-background img-2" data-type="slider-item">
			<div class="cd-content light-background">
				<h2>Mudah Dipelajari</h2>
				<p>TuPe memiliki fokus pada kesederhanaan dalam menyampaikan materi-materi. TuPe menggunakan penjelasan kode sederhana dan menggambarkan
				bagaimana menggunakannya. Tutorial mulai dari tingkat dasar hingga tingkat profesional.</p>
			</div>
		</section>

		<section class="cd-fixed-background img-3" data-type="slider-item">
			<div class="cd-content">
				<h2>Lebih Banyak Fitur</h2>
				<p>TuPe menyediakan berbagai macam fitur seperti fitur belajar, quiz, dan berbagai fitur lain yang memungkinkan pengguna agar lebih mudah berinteraksi dan nyaman
					untuk belajar pada aplikasi ini. Fitur-fitur tersebut memiliki banyak kegunaan, salah satu contohnya fitur quiz yang mana nantinya fitur tersebut
					akan menyediakan daftar soal yang harus kita selesaikan.</p>
			</div>
		</section>

		<section class="cd-fixed-background img-4" data-type="slider-item">
			<div class="cd-content">
				<h2>Semua Gratis</h2>
				<p>Salah satu keunggulan TuPe adalah aplikasi ini merupakan aplikasi gratis yang dimana kami selaku pembuat akan selalu berupaya untuk selalu konsisten
				dalam memajukan dunia teknologi melalui pembuatan aplikasi-aplikasi yang bersifat gratis.</p>
			</div>
		</section>

		<nav>
			<ul class="cd-vertical-nav">
				<li><a href="#0" class="cd-prev inactive">Next</a></li>
				<li><a href="#0" class="cd-next">Prev</a></li>
			</ul> <!-- cd-vertical-nav -->
		</nav>
		<script src="js/jquery-2.1.1.js"></script>
		<script src="js/main.js"></script> <!-- Resource jQuery -->
	</body>
	</html>