Skip to content

Commit 0e72fcb

Browse files
xprilionxprilion
committed
abc
1 parent 6d88d25 commit 0e72fcb

26 files changed

+243
-11
lines changed

Diff for: ‎about.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ <h1 class="hero-title h2-mobile mt-0 is-revealing">Team, Friends, Family</h1>
133133
<img src="img/team/anubhav.jpg" alt="Anubhav Singh" style="height: 128px;">
134134
</div>
135135
<h4 class="feature-title mt-24">Anubhav Singh</h4>
136-
<p class="text-sm mb-0">Hi, I am the one responsble for putting the planks together for this ship! I love ideating solutions, motivating folks around me to work on their dreams and to show the world that every day is a new opportunity!</p>
136+
<p class="text-sm mb-0">Hi, I am the one responsible for putting the planks together for this ship! I love ideating solutions, motivating folks around me to work on their dreams and to show the world that every day is a new opportunity!</p>
137137
</div>
138138
</div>
139139
<div class="feature text-center is-revealing" style="visibility: visible;">

Diff for: ‎aify/index.html

+211
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en" class="no-js">
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>Aify - The Code Foundation</title>
9+
<link rel="shortcut icon" href="/icons/favicon.ico">
10+
<link rel="icon" sizes="16x16 32x32 64x64" href="/icons/favicon.ico">
11+
<link rel="icon" type="image/png" sizes="196x196" href="/icons/favicon-192.png">
12+
<link rel="icon" type="image/png" sizes="160x160" href="/icons/favicon-160.png">
13+
<link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96.png">
14+
<link rel="icon" type="image/png" sizes="64x64" href="/icons/favicon-64.png">
15+
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png">
16+
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png">
17+
<link rel="apple-touch-icon" href="/icons/favicon-57.png">
18+
<link rel="apple-touch-icon" sizes="114x114" href="/icons/favicon-114.png">
19+
<link rel="apple-touch-icon" sizes="72x72" href="/icons/favicon-72.png">
20+
<link rel="apple-touch-icon" sizes="144x144" href="/icons/favicon-144.png">
21+
<link rel="apple-touch-icon" sizes="60x60" href="/icons/favicon-60.png">
22+
<link rel="apple-touch-icon" sizes="120x120" href="/icons/favicon-120.png">
23+
<link rel="apple-touch-icon" sizes="76x76" href="/icons/favicon-76.png">
24+
<link rel="apple-touch-icon" sizes="152x152" href="/icons/favicon-152.png">
25+
<link rel="apple-touch-icon" sizes="180x180" href="/icons/favicon-180.png">
26+
<meta name="msapplication-TileColor" content="#FFFFFF">
27+
<meta name="msapplication-TileImage" content="/icons/favicon-144.png">
28+
<meta name="msapplication-config" content="/icons/browserconfig.xml">
29+
<link href="https://fonts.googleapis.com/css?family=Hind+Vadodara:400,700|Mukta:500,700" rel="stylesheet">
30+
<link rel="stylesheet" href="style.css">
31+
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
32+
</head>
33+
<body class="is-boxed has-animations">
34+
<div class="body-wrap boxed-container">
35+
<header class="site-header">
36+
<div class="container">
37+
<div class="site-header-inner">
38+
<div class="brand header-brand">
39+
<h1 class="m-0">
40+
<a href="#">
41+
<img class="header-logo-image asset-light" src="svg/logo-light.svg" alt="Logo">
42+
<img class="header-logo-image asset-dark" src="svg/logo-dark.svg" alt="Logo">
43+
<!-- <img class="header-logo-image asset-light" src="../img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" /> -->
44+
</a>
45+
</h1>
46+
</div>
47+
</div>
48+
</div>
49+
</header>
50+
<main>
51+
<section class="hero">
52+
<div class="container">
53+
<div class="hero-inner">
54+
<div class="hero-copy">
55+
<h1 class="hero-title mt-0">Landing template for startups</h1>
56+
<p class="hero-paragraph">Our landing page template works on all devices, so you only have to set it up once, and get beautiful results forever.</p>
57+
<div class="hero-cta">
58+
<a class="button button-primary" href="#">Buy it now</a>
59+
<div class="lights-toggle">
60+
<input id="lights-toggle" type="checkbox" name="lights-toggle" class="switch" checked="checked">
61+
<label for="lights-toggle" class="text-xs"><span>Turn me <span class="label-text">dark</span></span></label>
62+
</div>
63+
</div>
64+
</div>
65+
<div class="hero-media">
66+
<div class="header-illustration">
67+
<img class="header-illustration-image asset-light" src="svg/header-illustration-light.svg" alt="Header illustration">
68+
<img class="header-illustration-image asset-dark" src="svg/header-illustration-dark.svg" alt="Header illustration">
69+
</div>
70+
<div class="hero-media-illustration">
71+
<img class="hero-media-illustration-image asset-light" src="svg/hero-media-illustration-light.svg" alt="Hero media illustration">
72+
<img class="hero-media-illustration-image asset-dark" src="svg/hero-media-illustration-dark.svg" alt="Hero media illustration">
73+
</div>
74+
<div class="hero-media-container">
75+
<img class="hero-media-image asset-light" src="svg/hero-media-light.svg" alt="Hero media">
76+
<img class="hero-media-image asset-dark" src="svg/hero-media-dark.svg" alt="Hero media">
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
</section>
82+
83+
<section class="features section">
84+
<div class="container">
85+
<div class="features-inner section-inner has-bottom-divider">
86+
<div class="features-header text-center">
87+
<div class="container-sm">
88+
<h2 class="section-title mt-0">The Product</h2>
89+
<p class="section-paragraph">Lorem ipsum is common placeholder text used to demonstrate the graphic elements of a document or visual presentation.</p>
90+
<div class="features-image">
91+
<img class="features-illustration asset-dark" src="svg/features-illustration-dark.svg" alt="Feature illustration">
92+
<img class="features-box asset-dark" src="svg/features-box-dark.svg" alt="Feature box">
93+
<img class="features-illustration asset-dark" src="svg/features-illustration-top-dark.svg" alt="Feature illustration top">
94+
<img class="features-illustration asset-light" src="svg/features-illustration-light.svg" alt="Feature illustration">
95+
<img class="features-box asset-light" src="svg/features-box-light.svg" alt="Feature box">
96+
<img class="features-illustration asset-light" src="svg/features-illustration-top-light.svg" alt="Feature illustration top">
97+
</div>
98+
</div>
99+
</div>
100+
<div class="features-wrap">
101+
<div class="feature is-revealing">
102+
<div class="feature-inner">
103+
<div class="feature-icon">
104+
<img class="asset-light" src="svg/feature-01-light.svg" alt="Feature 01">
105+
<img class="asset-dark" src="svg/feature-01-dark.svg" alt="Feature 01">
106+
</div>
107+
<div class="feature-content">
108+
<h3 class="feature-title mt-0">Discover</h3>
109+
<p class="text-sm mb-0">Lorem ipsum dolor sit amet, consecte adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua dui.</p>
110+
</div>
111+
</div>
112+
</div>
113+
<div class="feature is-revealing">
114+
<div class="feature-inner">
115+
<div class="feature-icon">
116+
<img class="asset-light" src="svg/feature-02-light.svg" alt="Feature 02">
117+
<img class="asset-dark" src="svg/feature-02-dark.svg" alt="Feature 02">
118+
</div>
119+
<div class="feature-content">
120+
<h3 class="feature-title mt-0">Discover</h3>
121+
<p class="text-sm mb-0">Lorem ipsum dolor sit amet, consecte adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua dui.</p>
122+
</div>
123+
</div>
124+
</div>
125+
<div class="feature is-revealing">
126+
<div class="feature-inner">
127+
<div class="feature-icon">
128+
<img class="asset-light" src="svg/feature-03-light.svg" alt="Feature 03">
129+
<img class="asset-dark" src="svg/feature-03-dark.svg" alt="Feature 03">
130+
</div>
131+
<div class="feature-content">
132+
<h3 class="feature-title mt-0">Discover</h3>
133+
<p class="text-sm mb-0">Lorem ipsum dolor sit amet, consecte adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua dui.</p>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
</section>
141+
142+
<section class="cta section">
143+
<div class="container-sm">
144+
<div class="cta-inner section-inner">
145+
<div class="cta-header text-center">
146+
<h2 class="section-title mt-0">Get it and Switch</h2>
147+
<p class="section-paragraph">Lorem ipsum is common placeholder text used to demonstrate the graphic elements of a document or visual presentation.</p>
148+
<div class="cta-cta">
149+
<a class="button button-primary" href="#">Buy it now</a>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
</section>
155+
156+
</main>
157+
158+
159+
160+
<footer class="site-footer text-light">
161+
<div class="container">
162+
<div class="site-footer-inner has-top-divider">
163+
<div class="brand footer-brand">
164+
<a href="/">
165+
<img src="../img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" />
166+
</a>
167+
</div>
168+
<ul class="footer-links list-reset">
169+
<li>
170+
<a href="about">About us</a>
171+
</li>
172+
<li>
173+
<a href="privacy">Privacy</a>
174+
</li>
175+
<li>
176+
<a href="contact">Contact</a>
177+
</li>
178+
</ul>
179+
<ul class="footer-social-links list-reset">
180+
<li>
181+
<a href="https://facebook.com/thecodefoundation" target="_blank_">
182+
<span class="screen-reader-text">Facebook</span>
183+
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
184+
<path d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z" fill="#FFFFFF"/>
185+
</svg>
186+
</a>
187+
</li>
188+
<li>
189+
<a href="https://twitter.com/tcf4code" target="_blank_">
190+
<span class="screen-reader-text">Twitter</span>
191+
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
192+
<path d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z" fill="#FFFFFF"/>
193+
</svg>
194+
</a>
195+
</li>
196+
<li>
197+
<a href="https://github.com/thecodefoundation" target="_blank_">
198+
<span class="screen-reader-text">Github</span>
199+
<img src="../img/github-logo.png" style="height: 16px;" />
200+
</a>
201+
</li>
202+
</ul>
203+
<div class="footer-copyright">&copy; 2018 - 2020 The Code Foundation, all rights reserved</div>
204+
</div>
205+
</div>
206+
</footer>
207+
</div>
208+
209+
<script src="main.min.js"></script>
210+
</body>
211+
</html>

Diff for: ‎aify/main.min.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎aify/style.css

+3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎aify/svg/feature-01-dark.svg

+1
Loading

Diff for: ‎aify/svg/feature-01-light.svg

+1
Loading

Diff for: ‎aify/svg/feature-02-dark.svg

+1
Loading

Diff for: ‎aify/svg/feature-02-light.svg

+1
Loading

Diff for: ‎aify/svg/feature-03-dark.svg

+1
Loading

Diff for: ‎aify/svg/feature-03-light.svg

+1
Loading

Diff for: ‎aify/svg/features-box-dark.svg

+1
Loading

Diff for: ‎aify/svg/features-box-light.svg

+1
Loading

0 commit comments

Comments
 (0)