-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (50 loc) · 2.88 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
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="copyright" content="Copyright © 2019 Motivara Corporation">
<link rel="stylesheet" href="normalize.css"> <!-- reset styles -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"> <!-- hamburger icon -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400" rel="stylesheet"> <!-- main font -->
<link href="https://fonts.googleapis.com/css?family=Oswald:300" rel="stylesheet"> <!-- masthead font -->
<link rel="stylesheet" type="text/css" href="style.css"> <!-- web page styles -->
<body id="home">
<div class="masthead">
</div>
<!-- INTRODUCTION -->
<!-- img src="images/blue-sliver.png" -->
<p class="intro"><span class="boldDesc">design + development</span><br>
Established in 2004, Motivara is a design and development firm based in Redmond, Washington.<br>
<br>
Consulting services include: software design, responsive websites, graphics, ux | ui, visual design, brand identity, full-stack development, and database optimization.<br>
<br>
Each project is led by an expert team consisting of a principal designer and a computer scientist. Let us help you achieve your business goals.</p>
<!-- SERVICES or portfolio -->
<!-- Cards are placed into this div programmatically -->
<div id="wrapper">
</div>
<!-- CONTACT -->
<span id="contact" class="gap"> </span>
<div class="titlerole pushme">CONTACT</div>
<p class="mainp"><span class="boldDesc">Email:</span> info at motivara dot com<br></p>
<!-- FOOTER -->
<p class="mainp" style="font-size: 0.8em; padding-top:30px; "><br>© 2019 Motivara Corporation</p>
<!-- NAVIGATION -->
<span id="end" class="gap"> </span>
<!-- Navigation is fixed to the top of the web page.
The div is placed at the end of the DOM flow to render
above all other objects. To further assist, the
z-index for the topnav class is set to 1000.
-->
<div class="topnav" id="myTopnav">
<a href="#home" class="nf active" onclick="toggleOff()"><div id="logo"><img src="images/Motivara.PNG" alt="Motivara"></div><br></a>
<div class="r">
<a href="#wrapper" onclick="toggleOff()" style="padding-right:8px;padding-left:16px;">Services</a>
<a href="#contact" style="padding-left:16px;" onclick="toggleOff()">Contact</a>
</div>
<a href="javascript:void(0);" class="icon" onclick="toggle()">
<i class="fa fa-bars"></i>
</a>
</div>
<!-- CODE -->
<script type="text/javascript" src="cards.js"></script> <!-- card system code -->
<script type="text/javascript" src="script.js"></script> <!-- navigation code -->
</body>