-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (93 loc) · 4.95 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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">
<link href="css/index.css" rel="stylesheet">
<script src="js/index.js" async></script>
<title>OER Bookr</title>
</head>
<body>
<nav>
<div class="nav-logo">
<img src="img/option3 copy.PNG" alt="Bookr Logo">
</div>
<div class="nav-links">
<a href="https://oer-bookr-ui.netlify.com" id="nav-first-item">Home</a>
<a href="/about.html">Team</a>
<a href="https://lambdaschool.com/">Contact</a>
<a href="https://oer-bookr-site.netlify.com" id="nav-last-item">Login</a>
</div>
</nav>
<header class="card">
<h1>Bookr.</h1>
<a class="header-button" href="https://oer-bookr-site.netlify.com">Ready to Get Started? It's Free!</a>
<h3>Open Education Resources for the Modern Age.</h3>
<p>Our Online Educational Research tool is the only item you will need for your professional tool belt.<br> Whether you are a doctoral student honing in on your thesis or just need content from a reliable source, Bookr will have just what you are looking for.</p>
</header>
<br>
<h2>Features</h2>
<div class="features-content card">
<div class="features first-feature">
<h4>Browse by Category</h4>
<p>Utilize the categorical nature of our content to browse your interests by category. Our categories are structured in accordance to both data origin and critique from reviewers.</p>
<img src="svg/undraw_segment_analysis_bdn4 copy.svg">
</div>
<div class="features second-feature">
<h4>Comprehensive Search</h4>
<p>Our OER Bookr search tool pulls from our vast library of peer reviewed resources. Our search includes results from user reviews, title, author, publisher, and category.</p>
<img src="svg/orange_undraw_books_6rhq .svg">
</div>
<div class="features third-feature">
<h4>Personalized Account</h4>
<p>Create your account to begin customizing your OER to your personal needs. You can customize your account based on user reviews, titles, author, publisher, and category.</p>
<img src="svg/undraw_solution_mindset_34bi.svg">
</div>
</div>
<br>
<h2>Browse Our Library</h2>
<div class="landing-content card">
<div class="browse science">
<h4>Science</h4>
<p>Science is at the forefront of every Online Educational Resource. It is the backbone to every factual source that you will be referencing on your project. Search your next science reference with us by signing up today!</p>
<img src="img/icons8-science-application-100.png">
</div>
<div class="browse technology color-inverse">
<h4>Technology</h4>
<p>Where can we even start with technology? Online Educational Resources are based in the progression of technology. Humanity utilizing technology to extend resources to one another is the passion of our presence.</p>
<img src="https://img.icons8.com/dotty/80/000000/blockchain-technology.png">
</div>
<div class="browse engineering color-inverse">
<h4>Engineering</h4>
<p>Our engineering resources are catered to be accessible whether you are an expert or are just exploring the subject for the first time. Here at Bookr., we encourage explaoration as a learning methodology.</p>
<img src="https://img.icons8.com/wired/64/000000/engineering.png">
</div>
<div class="browse mathematics">
<h4>Mathematics</h4>
<p>Mathematics provides us with the quantifiable data that we need to keep our Online Educational Resources reliable. Our algorithms will guarantee that your search for mathematical resources provides results.</p>
<img src="https://img.icons8.com/ios/50/000000/trigonometry.png">
</div>
</div>
<div class="cta card">
<h2 id="cta-h2">Get Started</h2>
<div class="button-div">
<a href="https://oer-bookr-site.netlify.com" class="btn btn-lg">Sign Up</a>
</div>
<p>Get started now to begin finding resources for your next project. Your account is free and your email is stored in our secure servers. </p>
</div>
<br>
<footer>
<p>© Copyright OER Bookr 2019</p>
<a href="https://www.facebook.com/LambdaSchoolOnline/">
<img src="https://img.icons8.com/metro/26/000000/facebook.png">
</a>
<a href="https://twitter.com/LambdaSchool">
<img src="https://img.icons8.com/metro/26/000000/twitter.png">
</a>
<a href="https://www.linkedin.com/school/lambdaschool/">
<img src="https://img.icons8.com/android/24/000000/linkedin.png">
</a>
</footer>
</body>
</html>