-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
131 lines (119 loc) · 7.09 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="images/icons/favicon.ico" type="image/x-icon">
<title>Capstone-1</title>
</head>
<body>
<header>
<div class="upper-bar">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="#">Logout</a></li>
<li><a href="#">Mypage</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
<div class="menu-button">
<span></span>
</div>
<div class="low-bar">
<a href="index.html"><img class="logo" src="images/logo.png" alt="logo"></a>
<nav class="nav">
<ul>
<li><a href="#aboutSection">About</a></li>
<li><a href="#!">Program</a></li>
<li><a href="#!">Join</a></li>
<li><a href="#sponsor">Sponsor</a></li>
<li><a href="#!">News</a></li>
<li><a href="#!">YF Campaign</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section id="aboutSection" class="about-welcome-section">
<img class="stars star-1" src="images/background/star-1.png" alt="">
<img class="stars star-2" src="images/icons/icon_messages.png" alt="">
<img class="stars star-3" src="images/background/star-3.png" alt="">
<img class="stars star-4" src="images/background/star-4.png" alt="">
<img class="stars star-5" src="images/background/star-5.png" alt="">
<article class="about-welcome-container">
<h1 class="title">"Hello! Sharing world"</h1>
<h2 class="subtitle">Creative Ideas Yaz Fortozo 2022</h2>
<p class="text-1">
The Yaz Fortozo company brings together the community of hair care experts, academics, and activists
who compromise to create the best experience in hair care and hair straightness affiliate network in a different country.
This year, we hope to expand our invitation list including organizations and individuals.
</p>
<p class="text-2">Please contact us per Email for any further questions about Yaz Fortozo!</p>
<a href="mailto:[email protected]">[email protected]</a>
</article>
</section>
<section class="about-logo-section" id="mainProgram">
<div class="info-container">
<h2 class="title">Yaz Fortozo straightness company Logo</h2>
<hr class="hr-1">
<p class="text-1">The logo of Yaz Fortozo was decided through the logo competition from 8.June to 7.</p>
</div>
<img src="images/logo.png" alt="The logo of yaz Fortozo">
</section>
<section class="about-events-section">
<h2 class="title">See the past Yaz Fortozo Summits</h2>
<hr class="hr-1">
<p>Take a look at the last two Yaz Fortozo Summits which took place in Buenos Aires and Warsaw</p>
<article class="row">
<div class="card-events col-12-base col-5-desktop">
<img class="card-img" src="images/background/event-1.png" alt="event-1">
</div>
<div class="card-events col-12-base col-5-desktop">
<img class="card-img" src="images/background/event-2.png" alt="event-1">
</div>
</article>
</section>
</main>
<footer id="sponsor">
<article class="sponsors-container">
<h2 class="title">Partner</h2>
<hr class="hr-1">
<div class="img-container">
<img src="images/partners/canada.png" alt="Canada gob. is a partner">
<img src="images/partners/canva.svg" alt="Canva is a partner">
<img src="images/partners/mozilla.png" alt="Mozila is a partner">
<img src="images/partners/google.png" alt="Google is a partner">
</div>
</article>
<article class="rights-container row">
<img class="rights-container col-12-base col-12-small col-5-desktop" src="images/logo2.png" alt="Made by company">
<div class="info-container col-12-base col-12-small col-5-desktop">
<p class="text-1">Yaz Fortozo 2022. Acknowledgments.</p>
<p class="text-2">To my mentor <strong><a target="_blank" rel="noopener" href="https://github.com/VitorGuedesMadeira" >Vitor Guedes Madeira</a></strong> for share with me those subtle but important clues and ideas whose energy leads me to surpass my capabilities, the title looks really amazing with that fire effect behind it and thank you for review my responsiveness, now i'm also keeping an eye on the height!.
<br><br>To my mentor friend's <strong><a target="_blank" rel="noopener" href="https://github.com/karlavdelgadof" >Karla Delgado</a></strong> who even without know me to much share her page which draws me through the hazy moments, and that beautiful effect when the menu appear sliding from right to left made me apply it into this project.
<br><br>To my friend <strong><a target="_blank" rel="noopener" href="https://github.com/ErikStoupignan">Erik Stoupignan</a></strong> for always be there helping me!.
<br><br>To <strong><a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCcHF0S6tex06QUtGQDW_isQ">Yasmin Fortozo Monroy</a></strong> for allows me to use their logo, brand, name, and business idea. For helped me to create that wonderful patterns used in the welcome section and more over for edit and change all the 20 text of the clients with a unic name professions and description.
<br><br>Original design idea by <strong><a target="_blank" rel="noopener" href="https://www.behance.net/adagio07">Cindy Shin in Behance.</a></strong>.
</p>
</div>
</article>
</footer>
<div class="menu-modal" id="menuModal">
<ul class="menu-modal-list" id="menuModalList">
<li class="item"><a href="index.html">Home</a></li>
<li class="item"><a href="#aboutSection">About</a></li>
<li class="item"><a href="#!">Program</a></li>
<li class="item"><a href="#!">Join</a></li>
<li class="item"><a href="#sponsor">Sponsor</a></li>
<li class="item"><a href="#!">News</a></li>
<li class="item"><a href="#!">CC Campaign</a></li>
</ul>
</div>
<script src="https://kit.fontawesome.com/4e5bc16f7d.js" crossorigin="anonymous"></script>
<script src="js/about.js"></script>
</body>
</html>