-
Notifications
You must be signed in to change notification settings - Fork 0
/
courseReferences.html
136 lines (133 loc) · 5.26 KB
/
courseReferences.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!-- By SHYAKA Aimé © -->
<!DOCTYPE html>
<html>
<head>
<title>Course references || AIMEDUCATE</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,200&display=swap" rel="stylesheet">-->
<link rel="stylesheet" href="ind.css">
<!-- browser header's color-->
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#fff">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#fff">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#fff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" />
<style>
/*body{
font-family: 'Poppins', sans-serif;
}*/
.jumbotron{
background:#7FDBFF;
color:#fff;
}
.fist{
margin-top:2%;
}
.portfolio:hover{
color:crimson;
}
.buttonn:active,
.buttonn:focus,
.buttonn:hover,
{
border:none !important;
outline:none !important;
}
.cat{
margin-top:5px;
}
/*.gories{
display:flex;
justify-content:center;*/
}
.brandinga{
width:15%;
}
.mybrand{
width:65%;
}
@media only screen and (min-width: 600px) {
.brandinga{
width:5%;
}
.mybrand{
width:40%;
}
}
@media only screen and (max-width:600px) {
.cat{
margin:5px;
}
.brandinga{
display:none;
}
}
</style>
<title> </title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a style="" class="navbar-brand brandinga" href="#"><img src="PicsArt_11-17-11.07.52.png" style="" class="mybrand" ></a>
<button style="outline:none;border:1px solid #fff;" class="navbar-toggler endi" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a style="font-weight:bold;" class="nav-link portfolio" href="https://aimeducate.netlify.app/">Back Home<span class="sr-only">(current)</span></a>
<a style="font-weight:bold;" class="nav-link portfolio" href="https://aimeducate.netlify.app/gallery.html">Gallery</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Any Search..." aria-label="Search">
<button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="container fist">
<div class="jumbotron bg-primary">
<h3 style="text-decoration: underline;" >AIMEDUCATE Course references</h3>
<p style="">With AIMEDUCATE you can get References for courses and lessons.<br>
<b>Firstly,Select the lesson you need,then you will be redirected to the course reference,Enjoy.</b></p>
</div>
<div class="gories">
<div class="row">
<div class="col-md-3 cat">
<a class="btn btn-primary btn-lg btn-block buttonn" href="https://www.mathplanet.com/" target="_blank" role="button">Maths</a>
</div>
<div class="col-md-3 cat">
<a class="btn btn-primary btn-lg btn-block buttonn" href="https://learnenglish.britishcouncil.org/" target="_blank role="button">Learn English</a>
</div>
<div class="col-md-3 cat">
<a class="btn btn-primary btn-lg btn-block buttonn" href="https://study.com/academy/subj/science.html" target="_blank role="button">Science</a>
</div>
<div class="col-md-3 cat">
<a class="btn btn-primary btn-lg btn-block buttonn" href="https://www.w3schools.com/" target="_blank role="button">Computer programming</a>
</div>
<div class="col-md-3 cat">
<a class="btn btn-primary btn-lg btn-block buttonn" href="https://www.artstudyonline.com/" target="_blank role="button">Arts</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="page-footer font-small dark" style="background:transparent;margin-top:15%;">
<!-- Copyright -->
<div class="footer-copyright text-center py-3" style="color:#000">Powered & designed by:
<a href="http://aimebrues.netlify.app/" target="_blank"> © SHYAKA Aimé</a>
</div>
<!-- Copyright -->
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script>
</body>
</html>