Přidán interaktivní příběh Butcher
This commit is contained in:
18
testPHP/PTB/PROGRAMING_02/assets/CSS/style.css
Normal file
18
testPHP/PTB/PROGRAMING_02/assets/CSS/style.css
Normal file
@ -0,0 +1,18 @@
|
||||
.columns-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.columns-container .column-left {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.columns-container .column-right {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.login-form,
|
||||
.register-form {
|
||||
display: none;
|
||||
}
|
0
testPHP/PTB/PROGRAMING_02/assets/js/script.js
Normal file
0
testPHP/PTB/PROGRAMING_02/assets/js/script.js
Normal file
BIN
testPHP/PTB/PROGRAMING_02/img/images.png
Normal file
BIN
testPHP/PTB/PROGRAMING_02/img/images.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.6 KiB |
91
testPHP/PTB/PROGRAMING_02/index.php
Normal file
91
testPHP/PTB/PROGRAMING_02/index.php
Normal file
@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <!-- import BS 4.6 lepší podpora pro jQuery, ale může se používat pět -->
|
||||
<link rel="stylesheet" href="./assets/CSS/style.css">
|
||||
<title>PHP 1O1</title>
|
||||
</head>
|
||||
<body>
|
||||
<section id="leading">
|
||||
<div class="columns-container">
|
||||
<div class="column-left">
|
||||
<div class="forms-container">
|
||||
<h2>Login or Registr</h2>
|
||||
<div class="login-wrapper ">
|
||||
<button class="btn btn-primary login-btn">
|
||||
Login
|
||||
</button>
|
||||
<form class="login-form">
|
||||
<div class="form-group">
|
||||
<label for="login-username">Username:</label>
|
||||
<input type="text" class="form-control" id="login-username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="login-password">Password:</label>
|
||||
<input type="password" class="form-control" id="login-password">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- REGISTR_WRAPPER -->
|
||||
<div class="register-wrapper">
|
||||
<button class="btn btn-primary register-btn">
|
||||
Registr
|
||||
</button>
|
||||
<form class="register-form">
|
||||
<div class="form-group">
|
||||
<label for="register-username">Email:</label>
|
||||
<input type="text" class="form-control" id="login-username">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="register-username">Username:</label>
|
||||
<input type="text" class="form-control" id="login-username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="register-password">Password:</label>
|
||||
<input type="password" class="form-control" id="login-password">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="waves-container">
|
||||
<div class="wawe-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="52 128.405 350 319.6">
|
||||
<path d="M 52 150 c 101 -88 239 130 350 0|0 298 | -350 0" fill="#F3A095"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="wave-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="52 128.405 350 319.6">
|
||||
<path d="M 52 150 c 101 -88 239 130 350 0|0 298 | -350 0" fill="#EC7564"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="wave-3">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="52 128.405 350 319.6">
|
||||
<path d="M 52 150 c 101 -88 239 130 350 0|0 298 | -350 0" fill="EF5742"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column-right">
|
||||
<div class="container">
|
||||
<div class="logo-wrapper">
|
||||
<img src="./img/images.png" alt="PHP 1O1">
|
||||
</div>
|
||||
<h1>Become a web developer</h1>
|
||||
<h3>From begginer to intermediate programmer in one course</h3>
|
||||
<button class="btn btn-primary btn-showmore">What can i learn?</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- import boostrab funkcí do projecktu -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
|
||||
<script src="./assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
49
testPHP/W3S/index.php
Normal file
49
testPHP/W3S/index.php
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
|
||||
<?php
|
||||
echo 'My first PHP script!';
|
||||
echo '</br>';
|
||||
echo phpversion();
|
||||
echo '</br>';
|
||||
$txt = 'PHP';
|
||||
echo "I love $txt!";
|
||||
echo '</br>';
|
||||
echo 'I love ' . $txt . '!';
|
||||
$x = 5;
|
||||
$y = 4;
|
||||
echo '</br>';
|
||||
echo $x + $y;
|
||||
echo '</br>';
|
||||
var_dump($x);
|
||||
echo '</br>';
|
||||
|
||||
var_dump('John');
|
||||
echo '</br>';
|
||||
var_dump(3.14);
|
||||
echo '</br>';
|
||||
var_dump(true);
|
||||
echo '</br>';
|
||||
var_dump([2, 3, 56]);
|
||||
echo '</br>';
|
||||
var_dump(null);
|
||||
echo '</br>';
|
||||
|
||||
/* Všechny tři proměnné získají hodnotu "Ovoce": */
|
||||
$q = $w = $e = 'Ovoce';
|
||||
|
||||
echo '</br>';
|
||||
function myTest() {
|
||||
$xx = 5; // local scope
|
||||
echo"<p>Variable x inside function is: $xx</p>;
|
||||
}
|
||||
myTest();
|
||||
|
||||
echo '</br>';
|
||||
echo"<p>Variable x outside is: $x</p>";
|
||||
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user