1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < meta content ="width=device-width, initial-scale=1.0 " name ="viewport ">
7
+
8
+ < title > Curious Noobs - Home</ title >
9
+ < meta content ="" name ="description ">
10
+ < meta content ="" name ="keywords ">
11
+
12
+ <!-- Favicons -->
13
+ < link href ="assets/img/favicon.png " rel ="icon ">
14
+ < link href ="assets/img/apple-touch-icon.png " rel ="apple-touch-icon ">
15
+
16
+ <!-- Google Fonts -->
17
+ < link
18
+ href ="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i "
19
+ rel ="stylesheet ">
20
+
21
+ <!-- Vendor CSS Files -->
22
+ < link href ="assets/vendor/aos/aos.css " rel ="stylesheet ">
23
+ < link href ="assets/vendor/bootstrap/css/bootstrap.min.css " rel ="stylesheet ">
24
+ < link href ="assets/vendor/bootstrap-icons/bootstrap-icons.css " rel ="stylesheet ">
25
+ < link href ="assets/vendor/boxicons/css/boxicons.min.css " rel ="stylesheet ">
26
+ < link href ="assets/vendor/glightbox/css/glightbox.min.css " rel ="stylesheet ">
27
+ < link href ="assets/vendor/swiper/swiper-bundle.min.css " rel ="stylesheet ">
28
+
29
+ <!-- Template Main CSS File -->
30
+ < link href ="assets/css/style.css " rel ="stylesheet ">
31
+
32
+ < style >
33
+ .author-bio {
34
+ background-color : white;
35
+ border : 1px solid hsl (0 , 0% , 85% );
36
+ border-radius : 30px ;
37
+ box-shadow : 0 2px 4px rgba (0 , 0 , 0 , 0.1 );
38
+ overflow : hidden;
39
+ max-width : 350px ;
40
+ margin : 20rem auto;
41
+ margin : -20% 0 0 12% ;
42
+ }
43
+
44
+ .author-bio__image {
45
+ display : block;
46
+ width : 100% ;
47
+ height : auto;
48
+ }
49
+
50
+ .author-bio__content {
51
+ padding : 1rem ;
52
+ }
53
+
54
+ .author-bio__name {
55
+ font-size : 1.25rem ;
56
+ color : rgba (0 , 0 , 0 , 0.8 );
57
+ }
58
+
59
+ .author-bio__body {
60
+ font-size : 1rem ;
61
+ color : rgba (0 , 0 , 0 , 0.75 );
62
+ line-height : 1.5 ;
63
+ }
64
+
65
+ .author {
66
+ display : flex;
67
+ flex-wrap : nowrap;
68
+ padding : 190px ;
69
+ }
70
+ </ style >
71
+
72
+ </ head >
73
+
74
+ < body >
75
+
76
+ <!-- ======= Header ======= -->
77
+ < header id ="header " class ="fixed-top d-flex align-items-center ">
78
+ < div class ="container d-flex align-items-center justify-content-between ">
79
+
80
+ < div class ="logo ">
81
+ < h1 class ="text-light "> < a href ="index.html "> < span > Curious < span style ="color:rgb(224, 82, 0) ; "> Noobs</ span > </ span > </ a > </ h1 >
82
+ <!-- Uncomment below if you prefer to use an image logo -->
83
+ <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
84
+ </ div >
85
+
86
+ < nav id ="navbar " class ="navbar ">
87
+ < ul >
88
+ < li > < a class ="nav-link scrollto active " href ="index.html "> Home</ a > </ li >
89
+ < li > < a href ="history.html "> History</ a > </ li >
90
+ < li > < a href ="books.html "> Books</ a > </ li >
91
+ < li > < a href ="index.html "> Blog</ a > </ li >
92
+ < li class ="dropdown "> < a href ="legends.html "> < span > Legends</ span > < i class ="bi bi-chevron-down "> </ i > </ a >
93
+ </ li >
94
+ </ ul >
95
+ < i class ="bi bi-list mobile-nav-toggle "> </ i >
96
+ </ nav > <!-- .navbar -->
97
+
98
+ </ div >
99
+ </ header > <!-- End Header -->
100
+
101
+ < main id ="main ">
102
+
103
+ < div class ="author ">
104
+ < div class ="container ">
105
+ < div class ="author-bio ">
106
+ < img class ="author-bio__image " src ="https://i.ibb.co/znyTxwB/image.png " alt ="">
107
+ < div class ="author-bio__content ">
108
+ < h2 class ="author-bio__name "> < b > Shubham Bhange</ b > </ h2 >
109
+ < p class ="author-bio__body ">
110
+ I am a second year < b > BCA</ b > student. I am cybersecurity enthusiast. Pursuing my dream of becoming a hacker and sharing my knowledge with everybody.
111
+ </ p >
112
+ </ div >
113
+ </ div >
114
+ </ div >
115
+
116
+ < div class ="container ">
117
+ < div class ="author-bio ">
118
+ < img class ="author-bio__image " src ="https://i.ibb.co/Zx4L1kf/image.png " alt ="" style ="height: 285px; ">
119
+ < div class ="author-bio__content ">
120
+ < h2 class ="author-bio__name "> < b > Sahil Shitole</ b > </ h2 >
121
+ < p class ="author-bio__body ">
122
+ I am a second year < b > BCA</ b > student. I am cybersecurity enthusiast. Pursuing my dream of becoming a hacker and sharing my knowledge with everybody.
123
+ </ p >
124
+ </ div >
125
+ </ div >
126
+ </ div >
127
+ </ div >
128
+ <!-- ======= Footer ======= -->
129
+ < footer id ="footer ">
130
+
131
+ < div class ="footer-top ">
132
+ < div class ="container ">
133
+ < div class ="row ">
134
+
135
+ < div class ="col-lg-3 col-md-6 footer-contact ">
136
+ < h3 > Curious Noobs</ h3 >
137
+ < p >
138
+ A108 Adam Street < br >
139
+ New York, NY 535022< br >
140
+ United States < br > < br >
141
+ < strong > Phone:</ strong > +1 5589 55488 55< br >
142
+ < strong > Email:
</ strong > [email protected] < br >
143
+ </ p >
144
+ </ div >
145
+
146
+ < div class ="col-lg-3 col-md-6 footer-links ">
147
+ < h4 > Useful Links</ h4 >
148
+ < ul >
149
+ < li > < i class ="bx bx-chevron-right "> </ i > < a href ="index.html "> Home</ a > </ li >
150
+ < li > < i class ="bx bx-chevron-right "> </ i > < a href ="# "> About us</ a > </ li >
151
+ < li > < i class ="bx bx-chevron-right "> </ i > < a href ="# "> Services</ a > </ li >
152
+ </ ul >
153
+ </ div >
154
+
155
+ < div class ="col-lg-3 col-md-6 footer-links ">
156
+ < h4 > Our Services</ h4 >
157
+ < ul >
158
+ < li > < i class ="bx bx-chevron-right "> </ i > < a href ="blog.html "> Cyber Security</ a > </ li >
159
+ < li > < i class ="bx bx-chevron-right "> </ i > < a href ="# "> Hacking</ a > </ li >
160
+ < li > < i class ="bx bx-chevron-right "> </ i > < a href ="# "> Networking</ a > </ li >
161
+ </ ul >
162
+ </ div >
163
+
164
+ < div class ="col-lg-3 col-md-6 footer-links ">
165
+ < h4 > Our Social Networks</ h4 >
166
+ < p > Cras fermentum odio eu feugiat lide par naso tierra videa magna derita valies</ p >
167
+ < div class ="social-links mt-3 ">
168
+ < a href ="# " class ="twitter "> < i class ="bx bxl-twitter "> </ i > </ a >
169
+ < a href ="# " class ="facebook "> < i class ="bx bxl-facebook "> </ i > </ a >
170
+ < a href ="# " class ="instagram "> < i class ="bx bxl-instagram "> </ i > </ a >
171
+ < a href ="# " class ="google-plus "> < i class ="bx bxl-skype "> </ i > </ a >
172
+ < a href ="# " class ="linkedin "> < i class ="bx bxl-linkedin "> </ i > </ a >
173
+ </ div >
174
+ </ div >
175
+
176
+ </ div >
177
+ </ div >
178
+ </ div >
179
+
180
+ < div class ="container py-4 ">
181
+ < div class ="copyright ">
182
+ © Copyright < strong > < span > Curious Noobs</ span > </ strong > . All Rights Reserved
183
+ </ div >
184
+ < div class ="credits ">
185
+
186
+ </ div >
187
+ </ div >
188
+ </ footer > <!-- End Footer -->
189
+
190
+ < a href ="# " class ="back-to-top d-flex align-items-center justify-content-center "> < i
191
+ class ="bi bi-arrow-up-short "> </ i > </ a >
192
+
193
+ <!-- Vendor JS Files -->
194
+ < script src ="assets/vendor/aos/aos.js "> </ script >
195
+ < script src ="assets/vendor/bootstrap/js/bootstrap.bundle.min.js "> </ script >
196
+ < script src ="assets/vendor/glightbox/js/glightbox.min.js "> </ script >
197
+ < script src ="assets/vendor/isotope-layout/isotope.pkgd.min.js "> </ script >
198
+ < script src ="assets/vendor/swiper/swiper-bundle.min.js "> </ script >
199
+ < script src ="assets/vendor/php-email-form/validate.js "> </ script >
200
+
201
+ <!-- Template Main JS File -->
202
+ < script src ="assets/js/main.js "> </ script >
203
+
204
+ </ body >
205
+
206
+ </ html >
0 commit comments