1+ <!DOCTYPE html>  
2+ < html  lang ="en "> 
3+ 
4+ < head > 
5+ 
6+     < meta  charset ="UTF-8 "> 
7+     < meta  name ="viewport " content ="width=device-width, initial-scale=1.0 "> 
8+     < title > CodeMistic Campus</ title > 
9+ 
10+     <!-- Favicon --> 
11+ 
12+     < link  rel ="icon " type ="img/png " href ="favicon.png "> 
13+ 
14+     <!-- FONT AWESOME --> 
15+ 
16+     < link  rel ="stylesheet " href ="https://use.fontawesome.com/releases/v5.13.1/css/all.css " integrity ="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q " crossorigin ="anonymous "> 
17+ 
18+     <!-- FONTS --> 
19+ 
20+     < link  href ="https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Ubuntu&family=Varela+Round&display=swap " rel ="stylesheet "> 
21+ 
22+     <!-- Bootstrap --> 
23+ 
24+     < link  rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous "> 
25+ 
26+     <!-- CSS --> 
27+ 
28+     < link  rel ="stylesheet " href ="styles.css "> 
29+ </ head > 
30+ 
31+ < body > 
32+     <!-- NAVIGATION BAR --> 
33+ 
34+     <!-- <div class="container-fluid"> --> 
35+     < nav  class ="navbar fixed-top navbar-expand-xl navbar-dark "> 
36+         < a  class ="navbar-brand " href ="index.html "> CODEMISTIC</ a > 
37+         < button  class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation "> 
38+                 < span  class ="navbar-toggler-icon "> </ span > 
39+             </ button > 
40+         < div  class ="collapse navbar-collapse " id ="navbarSupportedContent "> 
41+             < ul  class ="navbar-nav ml-auto "> 
42+                 < li  class ="nav-item "> 
43+                     < a  class ="nav-link " href ="index.html "> Home</ a > 
44+                 </ li > 
45+                 <!-- <li class="nav-item"> 
46+                         <a class="nav-link" href="#features">Features</a> 
47+                     </li> --> 
48+                 < li  class ="nav-item "> 
49+                     < a  class ="nav-link " href ="tutorials.html "> Tutorials</ a > 
50+                 </ li > 
51+                 < li  class ="nav-item "> 
52+                     < a  class ="nav-link " href ="campus.html "> Campus Programme< span  class ="sr-only "> (current)</ span > </ a > 
53+                 </ li > 
54+                 <!-- <li class="nav-item"> 
55+                     <a class="nav-link" href="https://docs.google.com/forms/d/e/1FAIpQLSc2O28YJpxQc6kh2tKpI_Lf5MwfwGXVnhMs0g5EEXobJ4Beeg/viewform?usp=sf_link" target="_blank">Contribute</a> 
56+                 </li> --> 
57+                 < li  class ="nav-item "> 
58+                     < a  class ="nav-link " href ="team.html "> Our Team</ a > 
59+                 </ li > 
60+                 < li  class ="nav-item "> 
61+                     < a  class ="nav-link " href ="register.html "> Join Our Community</ a > 
62+                 </ li > 
63+             </ ul > 
64+         </ div > 
65+     </ nav > 
66+     <!-- </div> --> 
67+ 
68+     <!-- Campus Section --> 
69+ 
70+     < section  class ="container-fluid languages " id ="languages "> < br > 
71+         < h1  class ="roadmap-header "> CodeMistic Campus Ambassador Program</ h1 > 
72+         < button  class ="btn btn-md btn-primary  "> < a  href ="https://docs.google.com/forms/d/e/1FAIpQLSe6WVBV6z_oi5yEjtgKoyr66DmcbDFysD1kloyLBxdvPOwuug/viewform?usp=sf_link " target ="_blank "> Apply Now</ a > </ button > 
73+         < hr > 
74+         < div  class ="row card-deck "> 
75+ 
76+             < div  class ="col-lg-3 col-md-6 "> 
77+                 < div  class ="card language-card "> 
78+                     < div  class ="card-header "> 
79+                         < img  class ="cpp " src ="campus/learn.svg " alt =""> 
80+                     </ div > 
81+                     < div  class ="card-body " "> 
82+                         < h4 > Learn</ h4 > 
83+                         < p > Learn from the best to maximize your strengths and develop coding skills</ p > 
84+                     </ div > 
85+                 </ div > 
86+             </ div > 
87+             < div  class ="col-lg-3 col-md-6  "> 
88+                 < div  class ="card language-card  "> 
89+                     < div  class ="card-header  "> 
90+                         < img  class ="cpp  " src ="campus/brain.svg  " alt ="  "> 
91+                     </ div > 
92+                     < div  class ="card-body  " "> 
93+                         < h4 > Brainstorm</ h4 > 
94+                         < p > Put your thinking cap on & come up with out-of-the-box ideas to promote CodeMistic within your campus</ p > 
95+                     </ div > 
96+                 </ div > 
97+             </ div > 
98+             < div  class ="col-lg-3 col-md-6 "> 
99+                 < div  class ="card language-card "> 
100+                     < div  class ="card-header "> 
101+                         < img  class ="cpp " src ="campus/profile.svg " alt =""> 
102+                     </ div > 
103+                     < div  class ="card-body " "> 
104+                         < h4 > Spearhead</ h4 > 
105+                         < p > Represent CodeMistic in your campus and promote our new education-platform and events.</ p > 
106+                     </ div > 
107+                 </ div > 
108+             </ div > < div  class ="col-lg-3 col-md-6  "> 
109+                 < div  class ="card language-card  "> 
110+                     < div  class ="card-header  "> 
111+                         < img  class ="cpp  " src ="campus/grow.svg  " alt ="  "> 
112+                     </ div > 
113+                     < div  class ="card-body  " "> 
114+                         < h4 > Grow</ h4 > 
115+                         < p > Spread the word & let the student community know the services offered by CodeMistic</ p > 
116+                     </ div > 
117+                 </ div > 
118+             </ div > 
119+         </ div > 
120+     </ section > 
121+ 
122+ 
123+ 
124+ 
125+ 
126+ 
127+ 
128+ 
129+ 
130+     <!-- Footer section --> 
131+ 
132+     < footer > 
133+         < h4 > Made with < i  style ="color:red  " class ="fa fa-heart  "> </ i >  By - Team CodeMistic</ h4 > 
134+         < p > © Copyright : Team CodeMistic</ p > 
135+         < div  class ="footer-links  "> 
136+             < h7 > Connect With Us</ h7 > < br > < br > 
137+             < a  href ="https://www.facebook.com/codemistic  " target ="_blank  "> < i  class ="icons fa-2x fab fa-facebook  "
138+                     style ="color:#3b5998;  "> </ i > </ a > 
139+             < a  href ="https://www.instagram.com/codemistic  " target ="_blank  "> < i  class ="icons fa-2x fab fa-instagram  "
140+                     style ="color:#e95950;  "> </ i > </ a > 
141+             < a  href ="https://www.twitter.com/codemistic  " target ="_blank  "> < i  class ="icons fa-2x fab fa-twitter  "
142+                     style ="color:#8accf5;  "> </ i > </ a > 
143+             < a  href ="https://www.linkedin.com/company/codemistic  " target ="_blank  "> < i  class ="icons fa-2x fab fa-linkedin  "
144+                     style ="color:#88b3ee;  "> </ i > </ a > 
145+             < a  href ="https://t.me/codemistic  " target ="_blank  "> < i  class ="icons fa-2x fab fa-telegram  "
146+                     style ="color:#65adda;  "> </ i > </ a > 
147+             < a  href ="https://chat.whatsapp.com/IkbESSW4AZg7y4IlmYsscm  " target ="_blank  "> < i 
148+                     class ="icons fa-2x fab fa-whatsapp  " style ="color:rgb(94, 221, 94);  "> </ i > </ a > 
149+             < a  href ="https://www.youtube.com/channel/UCS1Iv_kkgQGDwoXtvrlwlag  " target ="_blank  "> < i 
150+                     class ="icons fa-2x fab fa-youtube  " style ="color:red;  "> </ i > </ a > 
151+         </ div > 
152+     </ footer > 
153+ 
154+ 
155+ 
156+     <!-- CSS Scripts --> 
157+     < script  src ="https://code.jquery.com/jquery-3.5.1.slim.min.js  " integrity ="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj  " crossorigin ="anonymous  "> </ script > 
158+     < script  src ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/umd/popper.min.js  " 
integrity ="
sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo  " 
crossorigin ="
anonymous  "
> </ script >  159+     < script  src ="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js  " integrity ="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI  " crossorigin ="anonymous  "> </ script > 
160+ </ body > 
161+ 
162+ </ html > 
0 commit comments