-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.php
118 lines (114 loc) · 6.18 KB
/
index.php
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!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>Computational Thinking Score</title>
<link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<meta name="theme-color" content="#4BD8C8">
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
<meta name="description" content="Test your Computational Thinking skills quickly and easily.">
<meta name="keywords" content="Computational Thinking, Computatinal Thinking Score, Measuring Computational Thinking, Computational Thinking Skills">
<meta name="application-name" content="Computational Thinking Score">
<meta name="author" content="Emre Çoban">
<meta property="article:published_time" content="2020-06-01T00:00:00+00:00" />
<meta property="article:modified_time" content="2020-07-01T00:00:00+00:00" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@emreshepherd">
<meta name="twitter:title" content="Computational Thinking Score">
<meta name="twitter:description" content="Test your Computational Thinking skills quickly and easily.">
<meta name="twitter:image" content="https://emrecoban.com.tr/bd/assets/img/social_card.jpg">
<meta property="og:title" content="Computational Thinking Score">
<meta property="og:description" content="Test your Computational Thinking skills quickly and easily.">
<meta property="og:image" content="https://emrecoban.com.tr/bd/assets/img/social_card.jpg">
<meta property="og:url" content="https://www.emrecoban.com.tr">
</head>
<body>
<?php include 'assets/inc/navbar.php';?>
<div class="container-fluid">
<div class="row baslangic">
<div class="col-lg-12">
<div id="ortala">
<img src="assets/img/logo.png" width="90" height="90" alt="bilgisayarca düşünme logo" class="itembottommargin">
<h2 class="itembottommargin" style="font-weight:bold;">Computational Thinking Score</h2>
<h5 class="itembottommargin">Test your Computational Thinking skills quickly and easily.</h5>
<a class="btn btn-success btn-lg itembottommargin" href="start.php" role="button">Start</a>
</div>
</div>
</div>
</div>
<!-- what is the ct -->
<div class="container mt-3 mb-3">
<div class="row align-items-center">
<div class="col">
<h3>Computational Thinking</h3>
<p class="text-justify">Computational Thinking is the process of approaching a problem systematically and creating a solution. It includes a set of skills that includes problem solving skills and methods. Through this skill set, it is aimed to understand and analyze complex problems and develop solutions to the problem. Individuals with the Components of Computational Thinking are expected to think like a computer scientist and apply this way of thinking in all disciplines.</p>
</div>
<div class="col-md-auto"><img src="assets/img/ct-logo.png" class="img-fluid mx-auto d-block mb-2"></div>
</div>
</div>
<!-- ct skills -->
<div class="container mb-3">
<div class="row"><div class="col"><h3>The Components of Computational Thinking</h3></div></div>
<div class="row">
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp2.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Problem Solving
</div>
</div>
<div class="row">
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp6.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Abstraction
</div>
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp5.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Algorithmic Thinking
</div>
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp3.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Decomposition
</div>
</div>
<div class="row">
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp7.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Critical Thinking
</div>
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp4.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Creative Thinking
</div>
<div class="col bg-light text-dark m-2 p-2 text-center skillBox">
<img src="assets/img/cmp1.png" width="64" height="64" class="rounded mx-auto d-block mb-2" alt="problem solving">
Recognition Pattern
</div>
</div>
</div>
<!-- what is this -->
<div class="container-fluid">
<div class="row nedirBDQ align-items-center">
<div class="col-lg-12">
<div class="container pt-5 pb-5">
<div class="row">
<div class="col-lg-12">
<img src="assets/img/logo_2.png" class="img-fluid mb-3">
<h2><b>Computational Thinking Score</b></h2>
<p>Computational Thinking Score is a web application that measures computer thinking skills, which are among the 21st century skills. By using the web application developed for high school students, students will be able to measure their skill levels online, which have been shown to be valid and reliable on the components of computational thinking.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'assets/inc/footer.php';?>
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>