forked from bloominstituteoftechnology/User-Interface
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (126 loc) · 4.97 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Great Idea!</title>
<link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<table>
<tr class="header">
<th class="header-text">Services</th>
<th class="header-text">Product</th>
<th class="header-text">Vision</th>
<th class="header-text">About</th>
<th class="header-text">Contact</th>
<th class="header-text"><img class="logo" src="https://github.com/Julianisrel/User-Interface/blob/master/great-idea-website/img/logo.png?raw=true" alt="Great Idea! Company logo."></th>
</tr>
</table>
<table class="container-two">
<tr>
<th>
<table class="words-container">
<tr>
<th class="text-style">INNOVATION</th>
</tr>
</table>
<table class="words-container">
<tr>
<th class="text-style">ON</th>
</tr>
</table>
<table class="words-container">
<tr>
<th class="text-style">DEMAND</th>
</tr>
</table>
<table class="words-container">
<tr>
<th><div style="display:flex;justify-content:center;"><div class="get-started">Get Started</div></th>
</tr>
</table>
</th>
<th><img class="logo" src="https://github.com/Julianisrel/User-Interface/blob/master/great-idea-website/img/header-img.png?raw=true"></th>
</tr>
</table>
<table class="line-header">
<tr class="line-header">
<th class="line"></th>
</tr>
</table>
<table class="margin-left">
<tr>
<td class="text-style">Features</td>
<td class="pad-right text-style">About</td>
</tr>
</table>
<table class="margin-left-two">
<tr>
<td><div class="wrap-text">Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</div></td>
<td><div class="wrap-text">Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</div></td>
</tr>
</table>
<table class="margin-left">
<tr>
<!-- for images can either import from file or right click on image on internet and copy image address -->
<td><img class="my-image" src="https://github.com/Julianisrel/User-Interface/blob/master/great-idea-website/img/mid-page-accent.jpg?raw=true"/></td>
</tr>
</table>
<div style="max-width: 100%;">
<table class="margin-left">
<tr>
<td class="position-lef text-style">Services</td>
<td class="pad-right-two text-style">Product</td>
<td class="text-style" style="padding-right:12px;">Vision</td>
</tr>
</table>
<table class="margin-left-two">
<tr>
<td><div class="wrap-text-two">Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</div></td>
<td><div class="wrap-text-two">Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</div></td>
<td><div class="wrap-text-two">Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</div></td>
</tr>
</table>
</div>
<table class="line-header">
<tr class="line-header">
<th class="line"></th>
</tr>
</table>
<table style="margin-left:10%;margin-top:40px;">
<tr>
<td class="position-left text-style">Contact</td>
</tr>
</table>
<table style="margin-left:10%;margin-top:20px;">
<tr>
<td class="position-left">123 Way 456 Street</td>
</tr>
</table>
<table style="margin-left:10%;">
<tr>
<td class="position-left">Somewhere, USA</td>
</tr>
</table>
<table style="margin-left:10%;margin-top:20px;">
<tr>
<td class="position-left">1 (888) 888 8888</td>
</tr>
</table>
<table style="margin-left:10%;margin-top:20px;">
<tr>
<td class="position-left">sales@greatidea.io</td>
</tr>
</table>
<table style="margin-left:10%;">
<tr>
<th class="position-left">Copyright Great idea 2018</th>
</tr>
</table>
</body>
</html>
<!-- Titllium web -->