Skip to content

Commit 7dfad85

Browse files
erikguntnererikguntner
authored
Merge pull request #43 from CS-Eevee/gh-pages
docs
2 parents 2460dd5 + 58cf023 commit 7dfad85

17 files changed

+676
-16
lines changed

‎docs/assets/Aug-19-2018 13-43-20.gif

6.42 MB
Loading

‎docs/assets/BTPhoto.jpg

181 KB
Loading

‎docs/assets/IMG-1710.jpeg

1.84 MB
Loading

‎docs/assets/LadyB-007.jpg

314 KB
Loading

‎docs/assets/dragging.gif

19.6 MB
Loading

‎docs/assets/export.gif

13.8 MB
Loading

‎docs/assets/hierarchy.gif

27.6 MB
Loading

‎docs/assets/screen-shot-2.png

1010 KB
Loading

‎docs/assets/sprites.svg

+20
Loading

‎docs/index.html

+160
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,160 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<link rel="stylesheet" href="style.css">
9+
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
10+
<!-- Place this tag in your head or just before your close body tag. -->
11+
<script async defer src="https://buttons.github.io/buttons.js"></script>
12+
<title>React Proto</title>
13+
</head>
14+
15+
<body>
16+
<nav class="nav">
17+
<div class="nav-logo">
18+
<a href="#">Logo</a>
19+
</div>
20+
<ul class="nav-list">
21+
<li class="nav-item">
22+
<a href="#" class="nav-link">About</a>
23+
</li>
24+
<li class="nav-item">
25+
<a href="#" class="nav-link">Team</a>
26+
</li>
27+
<li class="nav-item">
28+
<a href="#" class="nav-link">Contact</a>
29+
</li>
30+
<li class="nav-item">
31+
<a href="https://github.com/CS-Eevee/react-proto" target="_blank">
32+
<svg class="nav-icon">
33+
<use xlink:href="assets/sprites.svg#icon-github"></use>
34+
</svg>
35+
</a>
36+
</li>
37+
</ul>
38+
</nav>
39+
40+
<section class="hero">
41+
<div class="hero-content">
42+
<h1 class="hero-title">React Proto</h1>
43+
<h3 class="hero-subtitle">React prototyping for designers and developers</h3>
44+
<div class="buttons">
45+
<button class="btn-primary hero-btn">Checkout our Github</button>
46+
<button class="btn-primary hero-btn">Download React Proto</button>
47+
</div>
48+
<div class="github-buttons">
49+
<!-- Place this tag where you want the button to render. -->
50+
<a class="github-button" href="https://github.com/CS-Eevee/react-proto" aria-label="Follow on GitHub">Follow</a>
51+
<!-- Place this tag where you want the button to render. -->
52+
<a class="github-button" href="https://github.com/CS-Eevee/react-proto/" data-icon="octicon-eye" aria-label="Watch ntkme/github-buttons on GitHub">Watch</a>
53+
<!-- Place this tag where you want the button to render. -->
54+
<a class="github-button" href="https://github.com/CS-Eevee/react-proto/" data-icon="octicon-star" aria-label="Star ntkme/github-buttons on GitHub">Star</a>
55+
</div>
56+
</div>
57+
<div class="hero-image">
58+
<img src="./assets/screen-shot-2.png" alt="" srcset="">
59+
</div>
60+
</section>
61+
62+
<section class="about">
63+
<div class="about-container">
64+
<div class="about-details">
65+
<div class="about-detail">
66+
<h3 class="detail-title">Quick Prototyping</h3>
67+
<p class="detail-desc">
68+
Quckly create, drag, and resize components to create a visual representaion of your application
69+
</div>
70+
</div>
71+
<div class="about-image">
72+
<img src="assets/dragging.gif" alt="">
73+
</div>
74+
</div>
75+
<div class="about-container">
76+
<div class="about-details">
77+
<div class="about-detail">
78+
<h3 class="detail-title">Define component hierarchy </h3>
79+
<p class="detail-desc">
80+
Define parent and child components along with props and state
81+
</p>
82+
</div>
83+
</div>
84+
<div class="about-image">
85+
<img src="assets/hierarchy.gif" alt="">
86+
</div>
87+
</div>
88+
<div class="about-container">
89+
<div class="about-details">
90+
<div class="about-detail">
91+
<h3 class="detail-title">Export Files</h3>
92+
<p class="detail-desc">
93+
Inject files into an existing project, start a new project using create-react-app, or clone your favorite github boilerplate
94+
</p>
95+
</div>
96+
</div>
97+
<div class="about-image">
98+
<img src="assets/export.gif" alt="">
99+
</div>
100+
</div>
101+
</section>
102+
103+
<section class="download">
104+
<h1 class="section-title">Download React Proto</h1>
105+
<div class="download-buttons">
106+
<button class="btn-primary">Download for Mac</button>
107+
<button class="btn-primary">Download for Windows</button>
108+
</div>
109+
</section>
110+
111+
<section class="team">
112+
<h1 class="section-title">Meet Our Team</h1>
113+
<div class="team-profiles">
114+
<div class="team-profile">
115+
<img class="team-image" src="./assets/LadyB-007.jpg" alt="" srcset="">
116+
<h5 class="team-name">Blessing Ebowe</h5>
117+
<div class="team-links">
118+
<svg class="team-icon">
119+
<use xlink:href="assets/sprites.svg#icon-github"></use>
120+
</svg>
121+
<svg class="team-icon">
122+
<use xlink:href="assets/sprites.svg#icon-linkedin"></use>
123+
</svg>
124+
</div>
125+
</div>
126+
127+
<div class="team-profile">
128+
<div class="team-image">
129+
<img src="./assets/IMG-1710.jpeg" alt="" srcset="">
130+
</div>
131+
<h5 class="team-name">Erik Guntner</h5>
132+
<div class="team-links">
133+
<svg class="team-icon">
134+
<use xlink:href="assets/sprites.svg#icon-github"></use>
135+
</svg>
136+
<svg class="team-icon">
137+
<use xlink:href="assets/sprites.svg#icon-linkedin"></use>
138+
</svg>
139+
</div>
140+
</div>
141+
142+
<div class="team-profile">
143+
<div class="team-image">
144+
<img src="./assets/BTPhoto.jpg" alt="" srcset="">
145+
</div>
146+
<h5 class="team-name ">Brian Taylor</h5>
147+
<div class="team-links ">
148+
<svg class="team-icon ">
149+
<use xlink:href="assets/sprites.svg#icon-github "></use>
150+
</svg>
151+
<svg class="team-icon ">
152+
<use xlink:href="assets/sprites.svg#icon-linkedin "></use>
153+
</svg>
154+
</div>
155+
</div>
156+
</div>
157+
</section>
158+
</body>
159+
160+
</html>

0 commit comments

Comments
 (0)