forked from agordon1123/oer-bookr-ui
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
118 lines (94 loc) · 4.9 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
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">
<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="Nav Logo">
</div>
<div class="nav-links">
<a href="#" id="nav-first-item">Library</a>
<a href="/about.html">Team</a>
<a href="#">Contact</a>
<a href="#" id="nav-last-item">Login</a>
</div>
</nav>
<header class="card">
<h1>Bookr.</h1>
<!-- Thinking of adding a large search button. May substitute for a small transparent box leading to advanced search -->
<!-- <div class="search-div"> -->
<input type="button" class="header-button" value="Ready to Get Started? It's Free!">
<!-- <button type="button" class="btn btn-lg">Go!</button> -->
<!-- </div> -->
<h3>Open Education Resources for the 21st Century.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita sit deleniti repellendus dignissimos nam non doloribus natus a repudiandae voluptas? Blanditiis debitis vitae distinctio ad sint voluptatibus ipsam optio possimus.</p>
</header>
<br>
<h2>Features</h2>
<div class="features-content card">
<!-- <h2>Features</h2> -->
<div class="features first-feature">
<h4>Lorem</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, vero pariatur, reprehenderit numquam ipsa nobis, est fuga inventore magnam fugit.</p>
<img src="svg/undraw_segment_analysis_bdn4 copy.svg">
</div>
<div class="features second-feature">
<h4>Ipsum</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, vero pariatur, reprehenderit numquam ipsa nobis, est fuga inventore magnam fugit.</p>
<img src="svg/orange_undraw_books_6rhq .svg">
</div>
<div class="features third-feature">
<h4>Dolor</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, vero pariatur, reprehenderit numquam ipsa nobis, est fuga inventore magnam fugit.</p>
<img src="svg/undraw_solution_mindset_34bi.svg">
</div>
</div>
<br>
<br>
<div class="landing-content card">
<h2>Browse Our Library</h2>
<div class="browse science">
<h4>Science</h4>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum ex doloribus, quaerat ducimus molestias dolore quia. tenetur culpa atque aperiam, consectetur sed libero eveniet esse cum ea veniam? Aliquam?</p>
<img src="img/icons8-science-application-100.png">
</div>
<div class="browse technology color-inverse">
<h4>Technology</h4>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, numquam, dicta laborum eaque minus veritatis ducimus aliquam tenetur culpa atque aperiam, consectetur sed libero eveniet esse cum ea veniam?</p>
<img src="https://img.icons8.com/dotty/80/000000/blockchain-technology.png">
</div>
<div class="browse engineering color-inverse">
<h4>Engineering</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, ullam possimus. Laudantium voluptatibus nam iure dolor quaerat aliquam amet. Laborum quas, error voluptate ut et laudantium sit dignissimos ullam eos?</p>
<img src="https://img.icons8.com/wired/64/000000/engineering.png">
</div>
<div class="browse mathematics">
<h4>Mathematics</h4>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad aut mollitia tempore, obcaecati beatae ipsum ratione blanditiis nemo. Quaerat nesciunt unde libero consequatur inventore earum ex cupiditate ullam a perspiciatis!</p>
<img src="https://img.icons8.com/ios/50/000000/trigonometry.png">
</div>
</div>
<!-- <br> -->
<div class="cta card">
<h2 id="cta-h2">Get Started</h2>
<div class="button-div">
<button type="button" class="btn btn-lg">Sign Up</button>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci amet animi minus sint temporibus corrupti unde illo illum est quis eum doloribus, officiis sunt alias recusandae minima. Totam, assumenda animi.</p>
</div>
<br>
<footer>
<p>© Copyright OER Bookr 2019</p>
<img src="https://img.icons8.com/metro/26/000000/facebook.png">
<img src="https://img.icons8.com/metro/26/000000/twitter.png">
<img src="https://img.icons8.com/metro/26/000000/google-plus.png">
</footer>
</body>
</html>