Skip to content

Commit 00e6e3d

Browse files
SatakshijainSatakshijain
committed
first commit
0 parents  commit 00e6e3d

12 files changed

+1348
-0
lines changed

‎assests/openStyle.css

+157
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
html{
2+
scroll-behavior: smooth;
3+
overflow-x: hidden;
4+
}
5+
6+
body{
7+
margin: 0%;
8+
margin-left: 0%;
9+
margin-right: 0%;
10+
}
11+
12+
/*===== Colores =====*/
13+
:root{
14+
--first-color: #16213e;
15+
--second-color: #1a1a2e;
16+
--third-color: #0f3460;
17+
--fourth-color: #e94560;
18+
}
19+
20+
/* Navbar*/
21+
a{
22+
text-decoration:none !important;
23+
24+
}
25+
26+
.h2{
27+
background-color: var(-);
28+
}
29+
.nav{
30+
31+
margin-right: 10rem;
32+
font-family: cursive;
33+
width: 100%;
34+
position: fixed;
35+
top: 0%;
36+
padding-top: 2px;
37+
z-index: 1;
38+
background-color: var(--fourth-color);
39+
box-shadow: 0 1px 4px rgba(146,161,176,.15);
40+
41+
42+
}
43+
.nav-item{
44+
margin-bottom: var(--mb-4);
45+
font-size: larger;
46+
47+
48+
}
49+
.nav-link{
50+
51+
color: #fff !important ;
52+
53+
}
54+
.nav-link:hover, .nav-link:active{
55+
color: #0a0909 !important;
56+
}
57+
/* box Sections*/
58+
.container{
59+
margin-top: .2rem;
60+
max-height: max-content;
61+
max-width: fit-content;
62+
margin-bottom:0%;
63+
}
64+
.title{
65+
top: 0%;
66+
font-size: larger;
67+
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
68+
color:beige;
69+
margin-top: 50%;
70+
margin-bottom: 114%;
71+
margin-left: 2rem;
72+
73+
text-align: left;
74+
75+
}
76+
.row{
77+
top: 0%;
78+
margin-top: 0%;
79+
margin-bottom: 0%;
80+
81+
82+
83+
}
84+
85+
.first{
86+
background-color:var(--first-color);
87+
height: 100%;
88+
}
89+
.second{
90+
background-color:var(--second-color);
91+
height: 100%;
92+
}
93+
.third{
94+
background-color: var(--third-color);
95+
height: 100%;
96+
}
97+
.title_text{
98+
margin-top: 5rem;
99+
font-family: cursive;
100+
font-size: larger;
101+
}
102+
103+
.img{
104+
margin-top: 5rem;
105+
align-items: center;
106+
107+
}
108+
109+
/* content of boxes Info*/
110+
.info_title{
111+
margin-top: 10rem;
112+
text-align: left;
113+
position: relative;
114+
margin-left: 5rem;
115+
}
116+
.info{
117+
margin-top: 5rem;
118+
margin-left: 5rem;
119+
120+
121+
}
122+
.info__title{
123+
color: #e94560;
124+
}
125+
.info__text{
126+
color:var(--third-color);
127+
}
128+
.h2{
129+
color: #e94560;
130+
}
131+
132+
133+
.p{
134+
font-size: 10rem;
135+
}
136+
137+
/* ===== FOOTER =====*/
138+
.footer{
139+
background-color: var(--fourth-color);
140+
color: #fff;
141+
text-align: center;
142+
font-weight: var(--font-semi);
143+
padding: 2rem 0;
144+
}
145+
.footer__title{
146+
font-size: 2rem;
147+
margin-bottom: var(--mb-4);
148+
}
149+
.footer__social{
150+
margin-bottom: var(--mb-4);
151+
}
152+
.footer__icon{
153+
font-size: 1.5rem;
154+
color: #fff;
155+
margin: 0 var(--mb-2)
156+
}
157+

‎assests/style.css

+203
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,203 @@
1+
html{
2+
scroll-behavior: smooth;
3+
overflow-x: hidden;
4+
}
5+
6+
body{
7+
margin: 0%;
8+
margin-left: 0%;
9+
margin-right: 0%;
10+
}
11+
12+
/*===== Colores =====*/
13+
:root{
14+
--third-color: #16213e;
15+
--second-color: #1a1a2e;
16+
--first-color: #0f3460;
17+
--fourth-color: #e94560;
18+
}
19+
20+
/* Navbar*/
21+
.nav-link{
22+
23+
color: #fff !important ;
24+
25+
}
26+
.nav-link:hover, .nav-link:active{
27+
color: #0a0909 !important;
28+
}
29+
.nav{
30+
31+
margin-top: 0;
32+
margin-right: 10rem;
33+
font-family: cursive;
34+
width: 100%;
35+
position: fixed;
36+
top: 0%;
37+
padding-top: 2px;
38+
z-index: 1;
39+
background-color: var(--fourth-color);
40+
box-shadow: 0 1px 4px rgba(146,161,176,.15);
41+
42+
43+
}
44+
.nav-item{
45+
margin-bottom: .1rem;
46+
font-size: larger;
47+
margin-top: .1rem;
48+
49+
50+
51+
}
52+
.logo{
53+
color: #fff !important;
54+
margin-right: 60rem;
55+
margin-bottom: 5rem;
56+
font-size: larger;
57+
margin-top: 0rem;
58+
}
59+
/* box Sections*/
60+
.container{
61+
margin-top: .2rem;
62+
max-height: max-content;
63+
max-width: fit-content;
64+
margin-bottom:0%;
65+
}
66+
.title{
67+
top: 0%;
68+
font-size: larger;
69+
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
70+
color:beige;
71+
margin-top: 50%;
72+
margin-bottom: 114%;
73+
margin-left: 2rem;
74+
75+
text-align: left;
76+
77+
}
78+
.row{
79+
top: 0%;
80+
margin-top: 0%;
81+
margin-bottom: 0%;
82+
83+
84+
}
85+
.row1{
86+
top: 0%;
87+
margin-top: 0%;
88+
margin-bottom: 0%;
89+
90+
91+
}
92+
93+
94+
95+
.button {
96+
position: relative;
97+
cursor:cell;
98+
}
99+
100+
.button:hover{
101+
color: #e94560 ;
102+
}
103+
104+
.first{
105+
background-color:var(--first-color);
106+
height: 100%;
107+
}
108+
.second{
109+
background-color:var(--third-color);
110+
height: 100%;
111+
}
112+
.third{
113+
background-color: var(--second-color);
114+
height: 100%;
115+
}
116+
.title_text{
117+
margin-top: 5rem;
118+
font-family: cursive;
119+
font-size: larger;
120+
}
121+
122+
.img{
123+
margin-top: 5rem;
124+
align-items: center;
125+
126+
}
127+
128+
.slide{
129+
height: 100%;
130+
width: 100%;
131+
background-color: #1a1a2e;
132+
margin-top: 5rem;
133+
z-index: -1;
134+
}
135+
.cover-container{
136+
max-width: 100%;
137+
max-height: 100%;
138+
margin-top: 3rem;
139+
z-index: 1;
140+
background-color: #16213e;
141+
align-items: center;
142+
143+
}
144+
145+
146+
147+
148+
149+
/* content of boxes Info*/
150+
.info_title{
151+
margin-top: 10rem;
152+
text-align: left;
153+
position: relative;
154+
margin-left: 5rem;
155+
}
156+
.info{
157+
margin-top: 5rem;
158+
margin-left: 5rem;
159+
margin-right: 5rem;
160+
margin-bottom: auto;
161+
162+
163+
}
164+
.h2{
165+
color: #e94560;
166+
}
167+
168+
169+
170+
.p{
171+
font-size: 10rem;
172+
}
173+
/* ===== Contact =====*/
174+
.contacts{
175+
margin-top: 5rem;
176+
margin-left: 5rem;
177+
178+
}
179+
180+
181+
182+
183+
/* ===== FOOTER =====*/
184+
.footer{
185+
background-color: var(--fourth-color);
186+
color: #fff;
187+
text-align: center;
188+
font-weight: var(--font-semi);
189+
padding: 2rem 0;
190+
}
191+
.footer__title{
192+
font-size: 2rem;
193+
margin-bottom: var(--mb-4);
194+
}
195+
.footer__social{
196+
margin-bottom: var(--mb-4);
197+
}
198+
.footer__icon{
199+
font-size: 1.5rem;
200+
color: #fff;
201+
margin: 0 var(--mb-2)
202+
}
203+

0 commit comments

Comments
 (0)