-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestmain.html
85 lines (85 loc) · 4.15 KB
/
testmain.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
<!Doctype = 'html'>
<html>
<head>
<meta charset="UTF-8">
<title>Lyra Technologies</title>
<link rel="icon" href="./assets/images/lyra_logo_tab_low.png" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
</head>
<body>
<div class="header">
<img src="./assets/images/lyra_logo_landingpage_high.png">
<h1 class='proj-title'>Lyra</h1>
<h3>Apollo State Management Visualizer</h3>
<h4>Chrome Extension & Developer Tool</h4>
<div class='btn-pannel'>
<a href="#" class="btn">Chrome Store</a>
<a href="https://github.com/Lyra-Technologies/lyra" class="btn">Git hub</a>
</div>
</div>
<section class='info'>
<section class='overview'>
<img class='splash' src='./assets/images/holder.png'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</section>
<section class='detail'>
<img class='view' src='./assets/images/holder.png'>
<div class='description'>
<h1>Breif Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra convallis posuere morbi leo urna. Netus et malesuada fames ac turpis egestas integer eget aliquet. Id velit ut tortor pretium viverra suspendisse potenti nullam ac. Habitasse platea dictumst quisque sagittis purus.</p>
</div>
</section>
<section class='detail'>
<img class='view' src='./assets/images/holder.png'>
<div class='description'>
<h1>Breif Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra convallis posuere morbi leo urna. Netus et malesuada fames ac turpis egestas integer eget aliquet. Id velit ut tortor pretium viverra suspendisse potenti nullam ac. Habitasse platea dictumst quisque sagittis purus.</p>
</div>
</section>
</section>
<footer>
<h1>The Development Team</h1>
<section class="collab">
<div class="partition">
<div class="profile">
<h3>Nel Malikova</h3>
<div class="media-links">
<a><img src='./assets/images/github.png'></a>
<a><img src='./assets/images/linkedin.png'></a>
<a><img src='./assets/images/twitter.png'></a>
</div>
</div>
<div class="profile">
<h3>Luis Croussett</h3>
<div class="media-links">
<a><img src='./assets/images/github.png'></a>
<a><img src='./assets/images/linkedin.png'></a>
<a><img src='./assets/images/twitter.png'></a>
</div>
</div>
</div>
<div class="partition">
<div class="profile">
<h3>Karen Huang</h3>
<div class="media-links">
<a><img src='./assets/images/github.png'></a>
<a><img src='./assets/images/linkedin.png'></a>
<a><img src='./assets/images/twitter.png'></a>
</div>
</div>
<div class="profile">
<h3>Tayvon Wright</h3>
<div class="media-links">
<a><img src='./assets/images/github.png'></a>
<a><img src='./assets/images/linkedin.png'></a>
<a><img src='./assets/images/twitter.png'></a>
</div>
</div>
</div>
</section>
<div class='credits'>Icons made by <a href="https://www.flaticon.com/authors/pixel-perfect" title="Pixel perfect">Pixel perfect</a> and <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</footer>
<div id='root'></div>
<!-- <script src="../build/bundle.js"></script> -->
</body>
</html>