-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
123 lines (115 loc) · 6.57 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
<!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">
<title>About Rayantech</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="loader.css">
<link rel="icon" href="img/my_self/port.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="about.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/js/all.min.js" integrity="sha512-2bMhOkE/ACz21dJT8zBOMgMecNxx0d37NND803ExktKiKdSzdwn+L7i9fdccw/3V06gM/DBWKbYmQvKMdAA9Nw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js" defer></script>
<script src="about.js" defer></script>
</head>
<body>
<!-- <div class="scroll_indicator"></div> -->
<script src="header.txt" type="text/javascript"></script>
<h1 class="abt_txt">about me</h1>
<div class="cards">
<div data-aos="fade-right">
<div style="--n:'Self engine';">
<img src="img/tec_img/lap.jpg">
</div>
<div style="--for_this: rgba(123, 57, 3, 0.3);">
<h2>hands down</h2>
</div>
</div>
<div data-aos="fade-left">
<div style="--n:'coding';">
<img src="img/tec_img/on_work.jpg" alt="">
</div>
<div style="--for_this:#81060895;">
<h2>On work</h2>
</div>
</div>
<div data-aos="fade-right">
<div style="--n:'dark display';">
<img src="img/nice_bg/planet.jpg" alt="">
</div>
<div style="--for_this:rgba(1, 119, 255, 0.3);">
<h2>night</h2>
</div>
</div>
<div data-aos="fade-left">
<div style="--n:'my setup';">
<img src="img/tec_img/set.jpg" alt="">
</div>
<div style="--for_this:rgba(214, 218, 220, 0.3);">
<h2>my setup</h2>
</div>
</div>
</div>
<section class="abt_content">
<h1 data-aos="zoom-in">•about rayantech </h1>
<div>
<h2>Hi There!</h2>
<p data-aos="fade-up">My name is <i>chiatiah rayan nguea </i>, my friends call me <i>rayantech. </i>
I am a talented frontend developer. A frontend developer with wonderfull skills and design techniques you can visit my <i><a href="index.html#project">Projects</a> </i> to see some of my amazing projects,
i also design and program AI systems.You can write to me at my <i><a href="#contact">contact</a> </i>page and subscribe to my <a href="#newsletter">newsletter</a> to get my latest updates about my resources.
I am a first year student at the college of technology Buea, studying software engineering.
</p>
</div>
</section>
<div class="contact" id="contact">
<h2>write to me</h2>
<section>
<div class="rt" data-aos="fade-up">
<img src="img/my_self/pexels-stephan-müller-1473215.jpg" alt="">
</div>
<div class="lf" data-aos="fade-up">
<iframe data-aos="fade-up" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3979.3251560033978!2d9.271631414834577!3d4.156325347294186!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x106133478cc3b989%3A0x6e46b6d1f8b23428!2sNDONGO!5e0!3m2!1sen!2scm!4v1679196585874!5m2!1sen!2scm" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<form method="post" name="form" enctype="multipart/form-data">
<div style="--l:#ff9f0e;">
<input type="text" name="name" required><label>enter your full name</label>
<em><i class="fa fa-check"></i></em>
</div>
<div style="--l:#e440bb;">
<input type="email" name="email" required><label>enter your email</label>
<em><i class="fa fa-check"></i></em>
</div>
<div style="--l:#488cfb;">
<textarea name="message" id="mess" cols="30" rows="10" required></textarea><label>write your message here</label>
<em><i class="fa fa-check"></i></em>
<h3 class="max_len"></h3>
</div>
<span>
<button type="button" id="send_message" name="submit">send</button>
</span>
<p id="feedback_message"></p>
</form>
</div>
</section>
</div>
<dialog class="theme_customizer">
<div class="top">
<h2>Select a theme</h2>
<div class="close_modal"><i class="fas fa-x"></i></div>
</div>
<div class="themes">
<span style="--this-theme: var(--semi-danger);"></span>
<span style="--this-theme: var(--success);"></span>
<span style="--this-theme: var(--main_color);" class="on_this"></span>
<span style="--this-theme: var(--danger);"></span>
</div>
</dialog>
<a class="scroll_to_top" href="#">
<i class="fas fa-long-arrow-alt-up"></i>
</a>
<script src="footer.txt" type="text/javascript"></script>
</body>
</html>