Skip to content

Commit 8f69dfd

Browse files
daviskamaudaviskamau
authoredApr 28, 2024··
code
1 parent 390d2d8 commit 8f69dfd

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+6312
-0
lines changed
 

‎Cosmos/about.html

+255
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
<!DOCTYPE html>
2+
<html lang="ru">
3+
4+
<head>
5+
<title>About Us</title>
6+
<meta charset="UTF-8">
7+
<meta name="format-detection" content="telephone=no">
8+
<link rel="stylesheet" href="css/style.css?_v=20220710170413">
9+
<link rel="shortcut icon" href="favicon.ico">
10+
<!-- <meta name="robots" content="noindex, nofollow"> -->
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
12+
</head>
13+
14+
<body>
15+
<div class="wrapper">
16+
<header class="header">
17+
<div class="header__container">
18+
<div class="header__content">
19+
<div class="header__top top-header">
20+
<div class="top-header__phone">
21+
<div class="_icon-phone phone"></div>
22+
<div class="top-header__phone-text">(207) 733-1978</div>
23+
</div>
24+
<a href="#">
25+
<div class="top-header__logo">
26+
<img class="logo-img" src="img/header/logo.png?_v=1657461853426" alt="logo">
27+
<h1 class="logo-text">Cosmos89</h1>
28+
</div>
29+
</a>
30+
<div class="top-header__social-media">
31+
<a href="#" target="_blank">
32+
<div class="_icon-twitter"></div>
33+
</a>
34+
<a href="#">
35+
<div class="_icon-facebook"></div>
36+
</a>
37+
<a href="#">
38+
<div class="_icon-instagram"></div>
39+
</a>
40+
</div>
41+
</div>
42+
43+
44+
<div class="header__buttom buttom-header">
45+
<div class="header__menu menu">
46+
<button type="button" class="menu__icon icon-menu"><span></span></button>
47+
<nav class="menu__body">
48+
<ul class="menu__list">
49+
<li class="menu__item menu-active"><a href="index.html" class="menu__link">Home</a></li>
50+
<li class="menu__item"><a href="about.html" class="menu__link">About Us</a></li>
51+
<li class="menu__item"><a href="courses.html" class="menu__link">Courses</a></li>
52+
<li class="menu__item"><a href="news.html" class="menu__link">News</a></li>
53+
<li class="menu__item"><a href="#" class="menu__link">Knowledge</a></li>
54+
<li class="menu__item"><a href="contact.html" class="menu__link">Contact Us</a></li>
55+
</ul>
56+
<div class="menu__horizontal"></div>
57+
</nav>
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
</header>
63+
<main class="page">
64+
<section class="about-us-hero">
65+
<div class="about-hero__container">
66+
<div class="about-hero__content content-about">
67+
<div class="content-about__hero-img">
68+
<div class="content-about__img-border"></div>
69+
<div class="content-about__img">
70+
<img src="img/about-us-hero/about-us-hero-img.png?_v=1657461853426" alt="people-meeting">
71+
</div>
72+
</div>
73+
74+
<h1 class="content-about__title title-media">We Are Driven By Client’s Happiness</h1>
75+
<div class="content-about__subtitle subtitle-media">
76+
<p class="sub1">We are creatives, artists, designers, social butterflies, writers, photographers and strategists with various talents who thrive on working together only with our client’s success in mind.</p>
77+
<p class="sub2"> We believe in collaboration and understand by working together as a unity, we gain the momentum to elevate our individual skills, as well as our client’s growth and expansion. When joining forces on a specific task with our clients, we are enthusiastic about getting the best results for our clients. Understanding that the reward for creating something truly original doesn’t come without it’s risks of trying something new. Each person of our team is truly valued and appreciated for their contributions.</p>
78+
</div>
79+
</div>
80+
</div>
81+
</section>
82+
<section class="about-goals">
83+
<div class="about-goals__container">
84+
<div class="about-goals__content content-goals">
85+
<div class="content-goals__philosophy philosophy-goals">
86+
<h1 class="philosophy-goals__title title-media">Our Philosophy</h1>
87+
<p class="philosophy-goals__subtitle subtitle-media">To create a positive environment for better approach towards digital marketing by being transparent and proactive with a major focus to exceed our clien’ts expectation. Cosmos89’s team is our greatest assets where each member is valued and a vital key player of our success.</p>
88+
</div>
89+
<div class="content-goals__items items-goals">
90+
<div class="items-goals__mission item">
91+
<div class="items-goals__title title-media">Our Mission</div>
92+
<div class="items-goals__subtitle subtitle-media">Your mission statement consists of the ideas you have about your site and your company. Every business owner has certain expectations of their potential customers and site visitors. You want them to read your posts, or to buy your products. Perhaps you want to inform or entertain them to eventually improve their lives with your awesome products.</div>
93+
</div>
94+
95+
<div class="items-goals__vision item">
96+
<div class="items-goals__title title-media">Our Vision</div>
97+
<div class="items-goals__subtitle subtitle-media">Your mission statement consists of the ideas you have about your site and your company. Every business owner has certain expectations of their potential customers and site visitors. You want them to read your posts, or to buy your products. Perhaps you want to inform or entertain them to eventually improve their lives with your awesome products.</div>
98+
</div>
99+
</div>
100+
</div>
101+
</div>
102+
</section>
103+
<section class="founders">
104+
<div class="founders__container">
105+
<div class="founders__content content-founders">
106+
<h1 class="content-founders__title title-media">Our Awesome Founders</h1>
107+
<p class="content-founders__subtitle subtitle-media">Founder is a label with some amount of prestige. It carries connotations of creativity and innovation, determination, native intelligence, and a sense of fearlessness. Founders create something from nothing. Many entrepreneurship and startup resources talk about founders.</p>
108+
<div class="content-founders__people people-founders">
109+
<div class="people-founders__border"></div>
110+
<div class="people-founders__items">
111+
<div class="people-founders__item item-founder">
112+
<div class="item-founder__img">
113+
<img src="img/founders/Brian-Oakman.png?_v=1657461853426" alt="founder-photo">
114+
</div>
115+
<div class="item-founder__name">Brian Oakman</div>
116+
<div class="item-founder__profesion">UI Designer</div>
117+
<div class="item-founder__social-media">
118+
<a href="#" class="social-twitter _icon-twitter"></a>
119+
<a href="#" class="social-facebook _icon-facebook"></a>
120+
<a href="#" class="social-dribble _icon-dribble"></a>
121+
</div>
122+
</div>
123+
124+
<div class="people-founders__item item-founder">
125+
<div class="item-founder__img">
126+
<img src="img/founders/Samanta-Gimson.png?_v=1657461853426" alt="founder-photo">
127+
</div>
128+
<div class="item-founder__name">Smantha Gimson</div>
129+
<div class="item-founder__profesion">UI Designer</div>
130+
<div class="item-founder__social-media">
131+
<a href="#" class="social-twitter _icon-twitter"></a>
132+
<a href="#" class="social-facebook _icon-facebook"></a>
133+
<a href="#" class="social-dribble _icon-dribble"></a>
134+
</div>
135+
</div>
136+
137+
<div class="people-founders__item item-founder">
138+
<div class="item-founder__img">
139+
<img src="img/founders/evan-brianton.png?_v=1657461853426" alt="founder-photo">
140+
</div>
141+
<div class="item-founder__name">Evan Brianton</div>
142+
<div class="item-founder__profesion">UI Designer</div>
143+
<div class="item-founder__social-media">
144+
<a href="#" class="social-twitter _icon-twitter"></a>
145+
<a href="#" class="social-facebook _icon-facebook"></a>
146+
<a href="#" class="social-dribble _icon-dribble"></a>
147+
</div>
148+
</div>
149+
150+
151+
152+
153+
</div>
154+
155+
</div>
156+
</div>
157+
</div>
158+
</section>
159+
<section class="communiy">
160+
<div class="community__container">
161+
<div class="community__content content-community">
162+
<h1 class="content-community__title title-media">Our Community Involvement</h1>
163+
164+
<div class="content-community__items items-community">
165+
<div class="items-community__item pencil" style="background: linear-gradient(0deg, rgba(228, 48, 55, 0.05), rgba(228, 48, 55, 0.05)), #FFFFFF; border: 1px solid #E43037; border-top: 5px solid #E43037;">
166+
<div class="items-community__logo">
167+
<div class="logo-community__border" style="border: 4px solid #E43037;">
168+
<img src="img/community/Pencil.png?_v=1657461853426" alt="Pencil-logo">
169+
</div>
170+
</div>
171+
<div class="items-community__title">Pencil</div>
172+
<div class="items-community__subtitle">PENCIL was founded with the goal of raising awareness about public education by inviting civic and business leaders into New York City public schools. From those early days to our work today implementing hands-on, immersive programs that open eyes, open minds and open doors.</div>
173+
</div>
174+
175+
<div class="items-community__item pencil" style="background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.6); border-top: 5px solid #000; ">
176+
<div class="items-community__logo">
177+
<div class="logo-community__border" style="border: 4px solid #000000;">
178+
<img src="img/community/hoodies.png?_v=1657461853426" alt="Pencil-logo">
179+
</div>
180+
</div>
181+
<div class="items-community__title">Hoodies</div>
182+
<div class="items-community__subtitle">Is a certified 501(c)(3) non-profit organization and cultural movement using music, fashion and art to bring awareness to the issues of homelessness and inspiring community participation through the collection of hoodies at live music events.</div>
183+
</div>
184+
185+
<div class="items-community__item pencil" style="background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0092CF;
186+
border: 1px solid rgba(0, 146, 207, 0.6); border-top: 5px solid #0092CF;">
187+
<div class="items-community__logo">
188+
<div class="logo-community__border" style="border: 4px solid #0092CF;">
189+
<img src="img/community/madison-club.png?_v=1657461853426" alt="Pencil-logo">
190+
</div>
191+
</div>
192+
<div class="items-community__title">Madison’s Club</div>
193+
<div class="items-community__subtitle"> A founding member of Boys & Girls Clubs of America and the oldest Boys & Girls Club in New York City, Madison has served the city’s most under-resourced youth since 1884 thanks to the tireless efforts of our staff, the vision of our Board of Trustees, and the generous support of our public and private partners.</div>
194+
</div>
195+
</div>
196+
</div>
197+
</div>
198+
</section>
199+
</main>
200+
<footer class="footer">
201+
<div class="footer__container">
202+
<div class="footer__content content-footer">
203+
<div class="content-footer__socials">
204+
<a href="#">
205+
<div class="content-footer__logo">
206+
<img class="logo-img" src="img/header/logo.png?_v=1657461853426" alt="logo">
207+
<h1 class="logo-text">Cosmos89</h1>
208+
</div>
209+
</a>
210+
<div class="content-footer__social-media">
211+
<a href="#" target="_blank">
212+
<div class="_icon-twitter social"></div>
213+
</a>
214+
<a href="#" target="_blank">
215+
<div class="_icon-facebook social"></div>
216+
</a>
217+
<a href="#" target="_blank">
218+
<div class="_icon-instagram social"></div>
219+
</a>
220+
</div>
221+
</div>
222+
<div class="content-footer__links links-footer">
223+
<div class="content-links link">
224+
<ul>
225+
<li class="link__item"><a href="#">Home</a></li>
226+
<li class="link__item"><a href="#">About Us</a></li>
227+
<li class="link__item"><a href="#">Contact Us</a></li>
228+
</ul>
229+
</div>
230+
<div class="content-links link">
231+
<ul>
232+
<li class="link__item"><a href="#">Curses</a></li>
233+
<li class="link__item"><a href="#">News</a></li>
234+
<li class="link__item"><a href="#">Knowledge</a></li>
235+
</ul>
236+
</div>
237+
<div class="content-links link">
238+
<ul>
239+
<li class="link__item"><a href="#">Terms of Service</a></li>
240+
<li class="link__item"><a href="#">Privacy Policy</a></li>
241+
<li class="link__item copyright">© 2022 Cosmos89. All rights reserved.</li>
242+
</ul>
243+
</div>
244+
</div>
245+
</div>
246+
</div>
247+
</footer>
248+
</div>
249+
250+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
251+
<script src="js/app.min.js?_v=20220710170413"></script>
252+
253+
</body>
254+
255+
</html>

0 commit comments

Comments
 (0)