Skip to content

Commit cdb5eb4

Browse files
ProRaselProRasel
committed
Update brand new v3 UI
0 parents  commit cdb5eb4

Some content is hidden

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

87 files changed

+5310
-0
lines changed

‎.gitignore‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
2+
blog/assets/images/blog/Learn-Python-In-A-Week.png
3+
blog/assets/images/blog/Learn-and-Master-Python-in-a-Month.png
4+
blog/assets/images/blog/Is-Python-enough-to-get-a-job.png
5+
blog/assets/images/blog/How-long-does-it-take-to-learn-Python.png
6+
blog/assets/images/blog/How-Can-I-Make-Learning-Python-Fun.png

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
www.programming-hero.com

‎Robots.txt‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
User-Agent: *
2+
Disallow:

‎about-us.html‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Bootstrap CSS -->
5+
<link
6+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
7+
rel="stylesheet"
8+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
9+
crossorigin="anonymous"/>
10+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
11+
integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous" />
12+
13+
<link rel="stylesheet" href="./css/about-us.css">
14+
<link rel="stylesheet" href="./css/libs/responsive.css" />
15+
16+
<meta charset="UTF-8" />
17+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
18+
<title>About US</title>
19+
</head>
20+
21+
<body>
22+
23+
<!-- header start -->
24+
<!-- header start -->
25+
<header>
26+
<div class="header-area">
27+
<div class="container">
28+
<div class="row align-items-center">
29+
<div class="col-xl-3 col-lg-3 d-flex align-items-center">
30+
<div class="logo">
31+
<a href="index.html"><img src="img/logo.png" alt="Programming Hero" /></a>
32+
</div>
33+
</div>
34+
<div class="col-xl-9 col-lg-9 d-none d-xl-block">
35+
<div class="main-menu">
36+
<nav class="text-right">
37+
<ul>
38+
<li><a href="index.html">Home</a></li>
39+
<li><a href="https://play.google.com/store/apps/details?id=com.learnprogramming.codecamp">App</a></li>
40+
<li><a href="https://web.programming-hero.com/">Courses</a></li>
41+
<li><a href="https://web.programming-hero.com/success">Hire from Us</a></li>
42+
<li><a href="about-us.html">About Us</a></li>
43+
<li><a href="https://app.programming-hero.com/contact/">Contact Us</a></li>
44+
</ul>
45+
</nav>
46+
</div>
47+
</div>
48+
49+
</div>
50+
</div>
51+
</div>
52+
</header>
53+
54+
<div class="container">
55+
<div class="page-header team text-center py-5 text-white">
56+
<h2 class="mb-4" style="font-size: 28px">Team - Programming Hero</h2>
57+
<p class="col-md-5 mx-auto" style="font-size: 15px">We started with one mission: Make Learning fun.
58+
Since then, all five and a half caffeine sucking night owls are having fun.
59+
</p>
60+
61+
</div>
62+
</div>
63+
64+
<div class="container">
65+
<main class="bb-card" id="main"></main>
66+
<ul id="team"></ul>
67+
<img src="" alt="" id="team_img" />
68+
<div class="circle1 circle"></div>
69+
<div class="circle2 circle"></div>
70+
</div>
71+
72+
<footer class="footer-area">
73+
<div class="container pt-5 mt-3">
74+
<div class="row">
75+
<div class="col-md-6 col-xl-6">
76+
<div class="footer-item">
77+
<img src="./img/logo.png" alt="">
78+
<div class="mt-3 address">
79+
<ul>
80+
<li><i class="fas fa-map-marker-alt"></i> &nbsp;&nbsp;Level-4, 34, Awal Centre, Banani, Dhaka</li>
81+
<li><i class="fas fa-envelope"></i> &nbsp;&nbsp;Official: support@programming-hero.com </li>
82+
<li><i class="fas fa-phone-alt"></i>&nbsp;&nbsp;Official : 01308543768 (Available : 10:00am to 07:00pm)
83+
</li>
84+
</ul>
85+
</div>
86+
</div>
87+
</div>
88+
<div class="col-md-3 col-xl-3">
89+
<div class="footer-nav">
90+
<ul>
91+
<li><a href="index.html">Home</a></li>
92+
<li><a href="about-us.html">About us</a></li>
93+
<li><a href="https://web.programming-hero.com/success">Success Page</a></li>
94+
<li><a href="https://www.codinism.com/privacy.html">Terms and condition</a></li>
95+
</ul>
96+
</div>
97+
</div>
98+
<div class="col-md-3 col-xl-3">
99+
<div class="footer-item">
100+
<h5 class="text-white">Follow us</h5>
101+
<div class="social-list">
102+
<ul class="d-flex justify-contnet-between">
103+
<li><a href="https://www.facebook.com/programmingHero"><i class="fab fa-facebook-square"></i></a></li>
104+
<li><a href="https://www.instagram.com/programminghero/"><i class="fab fa-instagram-square"></i></a></li>
105+
<li><a href="https://www.linkedin.com/company/programminghero/"><i class="fab fa-linkedin"></i></a></li>
106+
<li><a href="https://www.youtube.com/c/ProgrammingHero"><i class="fab fa-youtube"></i></a></li>
107+
</ul>
108+
</div>
109+
</div>
110+
</div>
111+
</div>
112+
<div class="row pt-5 pb-3">
113+
<div class="col">
114+
<p class="text-center copyright">Copyright &copy; 2021 Programming-hero.com</p>
115+
</div>
116+
</div>
117+
</div>
118+
</footer>
119+
120+
<script
121+
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
122+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
123+
crossorigin="anonymous"
124+
></script>
125+
<script src="./js/teams.js" defer></script>
126+
</body>
127+
</html>

‎css/about-us.css‎

Lines changed: 212 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,212 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,600;1,100;1,600&display=swap");
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
}
7+
a {
8+
text-decoration: none;
9+
}
10+
a,
11+
.button {
12+
-webkit-transition: all 0.3s ease-out 0s;
13+
-moz-transition: all 0.3s ease-out 0s;
14+
-ms-transition: all 0.3s ease-out 0s;
15+
-o-transition: all 0.3s ease-out 0s;
16+
transition: all 0.3s ease-out 0s;
17+
}
18+
19+
ul {
20+
margin: 0px;
21+
padding: 0px;
22+
}
23+
24+
li {
25+
list-style: none;
26+
}
27+
a, button {
28+
color: #1696e7;
29+
outline: medium none;
30+
}
31+
body {
32+
font-family: "Poppins", sans-serif;
33+
display: flex;
34+
flex-direction: column;
35+
flex-wrap: wrap;
36+
background-color: #0f0826;
37+
}
38+
p {
39+
text-align: center;
40+
font-size: 14px;
41+
color: #fff;
42+
font-weight: 100;
43+
}
44+
h2 {
45+
font-size: 18px;
46+
font-weight: 600;
47+
text-align: center;
48+
color: #fff;
49+
}
50+
main {
51+
width: 100%;
52+
display: flex;
53+
flex-wrap: wrap;
54+
justify-content: center;
55+
}
56+
.main-menu ul{
57+
float: right;
58+
padding-right: 60px;
59+
}
60+
main div {
61+
margin: 19px 15px;
62+
border-radius: 7px;
63+
padding: 25px;
64+
width: 266px;
65+
box-shadow: 0 0 15px rgb(22 4 56);
66+
/* box-shadow: 0 0 15px rgb(9 30 66 / 10%); */
67+
border: 1px dashed #211548;
68+
transition: transform 450ms;
69+
}
70+
main div:hover {
71+
background-color: #211548ad;
72+
transform: translateY(-10px);
73+
}
74+
75+
img {
76+
width: 225px;
77+
object-fit: cover;
78+
}
79+
80+
/* header */
81+
.header-btn {
82+
padding: 35px 0;
83+
color: #fff;
84+
}
85+
.transparent-header {
86+
position: absolute;
87+
left: 0;
88+
right: 0;
89+
z-index: 1;
90+
}
91+
.main-menu ul li {
92+
display: inline-block;
93+
margin: 0 13px;
94+
position: relative;
95+
}
96+
97+
.main-menu ul li a {
98+
text-transform: uppercase;
99+
padding: 40px 0;
100+
display: block;
101+
color: #f1f1f1;
102+
font-size: 15px;
103+
}
104+
105+
.main-menu ul li a:hover {
106+
color: #3d96f8;
107+
}
108+
/* banner area */
109+
.banner-area {
110+
min-height: 520px;
111+
margin-top: 50px;
112+
}
113+
114+
.banner-text p {
115+
color: #cbcbcb;
116+
padding: 10px 0;
117+
}
118+
.banner-container {
119+
margin-top: 110px;
120+
}
121+
.banner-container h1.banner-title {
122+
font-size: 56px;
123+
}
124+
.banner-container.startup h1.banner-title {
125+
font-size: 52px;
126+
}
127+
128+
.banner-container.startup,
129+
.banner-container.employer {
130+
margin-top: 40px;
131+
}
132+
.web-banner.banner-container {
133+
margin-top: 75px;
134+
}
135+
136+
.banner-circles {
137+
min-height: 520px;
138+
min-width: 100%;
139+
}
140+
.banner-circles .container {
141+
height: 100%;
142+
width: 100%;
143+
margin: auto;
144+
}
145+
146+
.circle {
147+
height: 232px;
148+
width: 232px;
149+
border-radius: 50%;
150+
opacity: 0.5;
151+
filter: blur(115px);
152+
position: absolute;
153+
}
154+
155+
.circle1 {
156+
background: #3366ff;
157+
left: -50px;
158+
top: 70px;
159+
}
160+
.circle2 {
161+
background: #ff5832;
162+
right: 0;
163+
bottom: -50px;
164+
}
165+
.circle3 {
166+
background: linear-gradient(1.09deg, #6e1fea -11.78%, #4289ff 198.26%);
167+
z-index: 2;
168+
left: 0;
169+
}
170+
.circle4 {
171+
background: #ff5832;
172+
bottom: -50px;
173+
right: -50px;
174+
}
175+
.circle5 {
176+
background: linear-gradient(148.48deg, #ffcc3e -11.85%, #f79c41 81%);
177+
right: 0;
178+
top: 60px;
179+
}
180+
.circle6 {
181+
background: linear-gradient(1.09deg, #6e1fea -11.78%, #4289ff 198.26%);
182+
bottom: -50px;
183+
left: -55px;
184+
}
185+
186+
/* footer area */
187+
.footer-area {
188+
color: #fff;
189+
border-top: 1px solid #282e62;
190+
margin-top: 217px;
191+
}
192+
193+
.footer-nav ul li,
194+
.footer-item .address ul li {
195+
padding: 5px 0;
196+
}
197+
.footer-nav ul li a {
198+
color: #fff;
199+
}
200+
.social-list ul li {
201+
padding: 15px;
202+
font-size: 22px;
203+
}
204+
.social-list ul li i {
205+
color: #fff;
206+
}
207+
.social-list ul li:first-child {
208+
padding-left: 0;
209+
}
210+
.copyright {
211+
color: #cdcdcd;
212+
}

0 commit comments

Comments
 (0)