-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (86 loc) · 5.5 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
<!-- <link rel="icon" type="image/x-icon" href="images/logo.png"> -->
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<title>SMARTool Exercises</title>
</head>
<body>
<script src="js/bootstrap.bundle.js"></script>
<nav class="navbar navbar-expand-lg navbar-light sticky-top bg-warning">
<div class="container">
<a class="navbar-brand" href="index.html">
<h2><img src="data/icon.png" alt="smartool" style="width: 90px;"> SMARTool exercises</h2>
</a>
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse float-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item m-3">
<a class="btn btn-outline-info active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item m-3">
<a class="btn btn-outline-info" href="templates/treasure_hunt.html" role="button">Treasure Hunt</a>
</li>
<li class="nav-item m-3">
<a class="btn btn-outline-info" href="templates/story_time.html" role="button">Story Time</a>
</li>
<li class="nav-item m-3">
<a class="btn btn-outline-info" href="https://smartool.github.io/smartool-rus-eng/" target="_blank" role="button">Visit SMARTool</a>
</li>
<li class="nav-item m-3">
<a class="btn btn-outline-info" href="templates/about.html">About</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!-- <div style="margin: 40px;">Home page</div> -->
<section class="p-5">
<div class="container px-2">
<div class="row text-wrap overflow-hidden">
<div class="col-md p-3 bg-light bg-opacity-50 text-opacity-100 m-3">
<h4>Treasure Hunt</h4>
The Treasure Hunt design launches users on explorations into various corners of the Russian language. Treasure Hunt activities are stratified for proficiency level, and even A1 users (with a vocabulary of only a few hundred words) have ample opportunities to go on Treasure Hunts. They can be undertaken in groups or individually, in the classroom or self-study.<br><br>
Each Treasure Hunt begins with a simple Prompt, an instruction on how to use a SMARTool search function to extract a target set of sentences, and a question to consider. After deducing an answer for themselves in the SMARTool, users can compare their answers with an Answer Key. A Take-Away Idea summarizes the result and what users can do with it.
</div>
<div class="col-md p-3 bg-light bg-opacity-50 text-opacity-100 m-3">
<h4>Story Time</h4>
The goal of Story Time is to build up skills and confidence in productive communication in Russian. Story Time helps learners to become confident writers, and, when used in the classroom – speakers.<br><br>
Story Time activities take advantage of the fact that all lexemes in the SMARTool are searchable according to Topic, and many lexemes belong to more than one Topic. Filtering lexemes by Topic facilitates the targeting of word forms that learners can use to construct coherent narratives.<br><br>
The task for learners is to use the models of word forms and their typical contexts presented in the SMARTool to build their own sentences and, ultimately, paragraphs.
</div>
</div>
<div class="col-md p-3 bg-light bg-opacity-50 text-opacity-100 m-3">
<h5>*Note</h5>
We do not cite the sentences that the SMARTool presents for these examples; the user will find these when they consult the resource. We also do not translate words here since users can find translations in the SMARTool.
</div>
</div>
</section>
<div class="container">
<footer class="footer">
<div class="row align-items-center">
<div class="col p-3 w-30">
<a href="https://hkdir.no/norwegian-directorate-for-higher-education-and-skills" target="_blank"><img src="images/hkdir_alt.png" class="img-fluid" alt="hkdir" ></a>
</div>
<div class="col p-3 w-30">
<a href="https://uit.no/startsida" target="_blank"><img src="images/uit.png" class="img-fluid" alt="uit" style="width: 150px; margin-left: 150px;"></a>
</div>
<div class="col p-3 w-30">
<a href="https://www.hse.ru/en/" target="_blank"><img src="images/hse.jpg" class="img-fluid" alt="hse" style="width: 250px; margin-left: 100px;"></a>
</div>
</div>
</footer>
</div>
</body>
</html>