-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
124 lines (123 loc) · 6.91 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
<!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>b personal blog</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Crete+Round:ital@0;1&family=Inter:wght@300;400;500&family=Lato&display=swap" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<script src="https://kit.fontawesome.com/a13da07216.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="nav-bar">
<div class="container d-flex justify-content-end align-items-center">
<ul class="nav-bar-list d-flex align-items-center text-white">
<li class="list-group-item px-3"><a href="" class="text-white"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="list-group-item px-3"><a href="" class="text-white"><i class="fa-brands fa-twitter"></i></a></li>
<li class="list-group-item px-3"><a class="nav-link" href="#">Home</a></li>
<li class="list-group-item px-3"><a class="nav-link" href="#">About</a></li>
<li class="list-group-item px-3"><a class="nav-link" href="#">Contact</a></li>
</ul>
</div>
</nav>
<header class="mani-nav">
<div class="container nav-menu d-flex h-100 justify-content-between align-items-center">
<div class="container hamburgerPlusLogo">
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<div class="logo">
<a href="" class="text-dark"><i class="fa-solid fa-blog"></i></a>
<a href="index.html" class="text-dark">personalBlog</a>
</div>
</div>
<div class="right-nav">
<ul class="d-flex nav-links mt-3">
<li class="list-group-item mob-link px-3"><a href="about.html" class="text-dark">About</a></li>
<li class="list-group-item mob-link px-3"><a href="" class="text-dark">Program</a></li>
<li class="list-group-item mob-link px-3"><a href="" class="text-dark">Join</a></li>
<li class="list-group-item mob-link px-3"><a href="" class="text-dark">Sponsor</a></li>
<li class="list-group-item mob-link px-3"><a href="" class="text-dark">News</a></li>
<li class="list-group-item mob-link px-3 ccCamp"><a href="" class="text-dark">Campaign</a></li>
</ul>
</div>
</div>
</header>
<section class="head-line head-line-about">
<div class="container head-line-con h-100 d-flex flex-column justify-content-center text-center">
<h2 class="w-50 fw-light head-h2">"Hello! My followers"</h2>
<h1 class="">This is my Personnal blog to share my ideas with you guys</h1>
<p class="aboutP">In this blog I'm gonna be posting about technology ideas like web programming, Machine Leatning, Artificial Intellegence and much more!<br>Web development is the process of building, programming, and maintaining websites and web applications.<br>ML is an application of AI that enables systems to learn and improve from experience without being explicitly programmed</p>
<p class="mt-5 contact-me">Please contact me per Email for nay further questions about b personal blog 2023!</p>
<p class="email-contact"><u>[email protected]</u></p>
</div>
</section>
<section class="branding-section">
<div class="container d-flex flex-column align-items-center justify-content-center py-4">
<h2 class="py-4 text-center">Creative Commons b personal blog 2023 Logo</h2>
<span class="border-span3"></span>
<p class="py-4 text-center">The logo of CC Global Summit 2015 was decided through the logo competition from 8, June to 7, July.
After online public voting and Selection Committee’s judging process, the logo from Naresh Agrawal won the prize.
</p>
<img class="brand-img" src="./img/about_logo 1.svg" alt="About-logo">
</div>
</section>
<section class="overlay-section my-5">
<div class="container">
<div class="overlay-info d-flex flex-column text-center">
<h4>See the past bloges by b personal blog</h4>
<span class="border-span5"></span>
<p class="py-3">Take a look at the past two bloges which discuss about Artificial Intelegence and Robotics</p>
</div>
<div class="overlay-part d-flex justify-content-center gap-3">
<div class="img-overlay1 d-flex flex-column align-items-center justify-content-center">
<h3>2022</h3>
<p class="px-4 text-center">Take a look at the past two bloges which discuss about AI</p>
</div>
<div class="img-overlay2 d-flex flex-column align-items-center justify-content-center">
<h3>2023</h3>
<p class="px-4 text-center">Take a look at the past two bloges which discuss about AI</p>
</div>
</div>
</div>
</section>
<section class="partners-section about-partner h-100">
<div class="container h-100 d-flex flex-column align-items-center justify-content-center">
<h4>Partners</h4>
<span class="border-span2"></span>
<div class="part-list justify-content-center d-flex gap-4 my-3 flex-wrap text-center">
<div class="top-partners d-flex gap-2 ps-4">
<div class="partners yout">YouTube</div>
<div class="partners gith">GitHub</div>
<div class="partners micv">Microverse</div>
</div>
<div class="bottom-partners d-flex gap-2 align-items-center">
<div class="partners w3s">W3School</div>
<div class="partners fcc">FreeCodeCamp</div>
</div>
</div>
</div>
</section>
<section class="about-footer">
<div class="container d-flex align-items-center h-100 justify-content-center">
<div class="left-footer w-50">
<p><i class="fa-regular fa-copyright"></i>b personal blog</p>
</div>
<div class="right-footer">
<p>2023 b personal blog website. Some rights reserved</p>
<p class="footer-link">달리 정하지 않은 웹사이트의 모든 내용은 크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용할 수 있습니다.
자세한 이용기능 내용과 허락조건은 http://creativecommons.org/licences/by/2.0/kr 를 보세요.</p>
</div>
</div>
</section>
<script src="scripts/scripts.js"></script>
</body>
</html>