Compare View

switch
from
...
to
 
Commits (2)
assets/images/1_VGKkZwpf2Dg1m6NG7NTr5A.jpeg

128 KB

assets/images/ABOUT US2.jpg

243 KB

assets/images/about_us.jpg

258 KB

assets/images/download.jpeg

4.87 KB

assets/images/facebbok.jpeg

4.87 KB

assets/images/fevicon_open.ico
No preview for this file type
assets/js/custom.js
... ... @@ -204,7 +204,20 @@
204 204 $('.mu-navbar .in').collapse('hide');
205 205 });
206 206  
207   -
  207 + /* ........................................*/
  208 + /*chat code
  209 + /* ........................................*/
  210 +
  211 + $(document).ready(function(){
  212 + $(".left-first-section").click(function(){
  213 + $('.main-section').toggleClass("open-more");
  214 + });
  215 + });
  216 + $(document).ready(function(){
  217 + $(".fa-minus").click(function(){
  218 + $('.main-section').toggleClass("open-more");
  219 + });
  220 + });
208 221  
209 222  
210 223  
... ... @@ -214,5 +227,6 @@
214 227  
215 228  
216 229  
  230 +
217 231  
218 232  
219 233 \ No newline at end of file
... ...
... ... @@ -7,7 +7,7 @@
7 7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8 8 <title>OPEN. : Home</title>
9 9 <!-- Favicon -->
10   - <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>
  10 + <link rel="shortcut icon" type="image/icon" href="assets/images/fevicon_open.ico"/>
11 11 <!-- Font Awesome -->
12 12 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
13 13 <!-- Bootstrap -->
... ... @@ -63,10 +63,10 @@
63 63 <li><a href="#mu-hero">Home</a></li>
64 64 <li><a href="#mu-about">About Us</a></li>
65 65 <li><a href="#mu-schedule">Schedule</a></li>
66   - <li><a href="#mu-speakers">Speakers</a></li>
  66 + <!-- <li><a href="#mu-speakers">Speakers</a></li> -->
67 67 <li><a href="#mu-faq">FAQ</a></li>
68 68 <li><a href="#mu-register">Register</a></li>
69   - <li><a href="#mu-sponsors">Sponsors</a></li>
  69 + <!-- <li><a href="#mu-sponsors">Sponsors</a></li> -->
70 70 <li><a href="#mu-contact">Contact</a></li>
71 71 </ul>
72 72 </div><!-- /.navbar-collapse -->
... ... @@ -123,14 +123,14 @@
123 123 <div class="row">
124 124 <div class="col-md-6">
125 125 <div class="mu-about-left">
126   - <img class="imgabout" src="assets/images/OPENWEBBANNER.jpg" alt="Men Speaker" align="middle">
  126 + <img class="imgabout" src="assets/images/ABOUT US2.jpg" alt="Men Speaker">
127 127 </div>
128 128 </div>
129 129 <div class="col-md-6">
130 130 <div class="mu-about-right">
131 131 <h2>About The Event</h2>
132   - <p>In our country, we use a lot of open source projects but do not contribute back enough to them. We are experiencing a period where everyone is in a habit of taking from the surroundings and never desire to return in back.</p>
133   - <p>OPEN. presented and organised by Viithiisys Technologies aims at bringing a change to the developer community by contributing to the multiple open source projects. It is just like a social cause with a solid and realistic support system for their long journey towards a unicorn. We are looking forward to welcome anyone who is willing to devote their knowledge and time. As the saying goes ‘Charity begins at home’. Hence, we will make an initiative to start from our city itself.</p>
  132 + <p>Many technology companies and individuals like us use a lot of open source projects in order to save time and energy. The neglected truth is that only a continuous contribution towards the open source projects will result in their continuous and better use in future.</p>
  133 + <p>Viithiisys Technologies is organising an initiative OPEN. with an aim of bringing in a change to the developer world by building a habit that contributes towards multiple open source projects. We are welcoming everyone, not only people with similar backgrounds and the experienced in open source, but, also the ones who are PASSIONATE about it. And as the saying goes ‘Charity begins at home’. Therefore, we start this drive in the beautiful city of Chandigarh and then slowly move towards other parts of India.</p>
134 134  
135 135 <p>OPEN. intent to encourage a passionate sharing culture among individuals in our city.
136 136 </p>
... ... @@ -200,7 +200,7 @@
200 200 <div class="mu-single-event">
201 201 <!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->
202 202 <p class="mu-event-time">11:00AM-12:30PM</p>
203   - <h3>Learning Session #Open Source Community</h3>
  203 + <h3>Learning Session #Open Source Projects</h3>
204 204 <!-- <span>By Sarah Dransner</span> -->
205 205 </div>
206 206 </li>
... ... @@ -272,7 +272,7 @@
272 272 <div class="mu-single-event">
273 273 <!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
274 274 <p class="mu-event-time">09:00PM onwards</p>
275   - <h3>Dev Sprint 2 continues..</h3>
  275 + <h3>Dev Sprint 2 continues</h3>
276 276 </div>
277 277 </li>
278 278 </ul>
... ... @@ -690,8 +690,8 @@
690 690 </div>
691 691 <div id="collapseEight" class="panel-collapse collapse">
692 692 <div class="panel-body">
693   - Feburary 12 - Online registrations
694   - Feburary 10- Applications closed
  693 + Feburary 19 - Online registrations
  694 + March 20- Applications closed
695 695 </div>
696 696 </div>
697 697 </div>
... ... @@ -703,12 +703,66 @@
703 703 </div>
704 704 </section>
705 705 <!-- End FAQ -->
706   -
707 706 <!-- Start Register -->
708   - <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScuQ6uEd9DzCzJhmCulr5Z4clp1mzhfItiuVfri3Fo1QA5FKQ/viewform?embedded=true" width="1280" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
709   - <!-- End Register -->
  707 + <section id="mu-register">
  708 +
  709 + <!-- <div class="container">
  710 + <div class="row">
  711 + <div class="col-md-12">
  712 + <div class="mu-register-area">
  713 +
  714 + <div class="mu-title-area">
  715 + <h2 class="mu-title">Register Form</h2>
  716 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p>
  717 + </div>
710 718  
711   -
  719 + <div class="mu-register-content">
  720 + <form class="mu-register-form">
  721 +
  722 + <div class="row">
  723 + <div class="col-md-6">
  724 + <div class="form-group">
  725 + <input type="text" class="form-control" placeholder="Your Full Name" id="name" name="name" required="">
  726 + </div>
  727 + </div>
  728 +
  729 + <div class="col-md-6">
  730 + <div class="form-group">
  731 + <input type="email" class="form-control" placeholder="Enter Your Email" id="email" name="email" required="">
  732 + </div>
  733 + </div>
  734 + </div>
  735 +
  736 + <div class="row">
  737 + <div class="col-md-6">
  738 + <div class="form-group">
  739 + <input type="text" class="form-control" placeholder="Your Phone Number" id="telephone" name="telephone" required="">
  740 + </div>
  741 + </div>
  742 + <div class="col-md-6">
  743 +
  744 + <div class="form-group">
  745 + <select class="form-control" name="ticket" id="ticket">
  746 + <option value="0">Basic ($12)</option>
  747 + <option value="1">Standard ($22)</option>
  748 + <option value="2">Premium ($45)</option>
  749 + </select>
  750 + </div>
  751 + </div>
  752 + </div>
  753 +
  754 + <button type="submit" class="mu-reg-submit-btn">SUBMIT</button>
  755 +
  756 + </form>
  757 + </div>
  758 +
  759 + </div>
  760 + </div>
  761 + </div>
  762 + </div> -->
  763 + <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScuQ6uEd9DzCzJhmCulr5Z4clp1mzhfItiuVfri3Fo1QA5FKQ/viewform?embedded=true" width="1280" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
  764 + </section>
  765 + <!-- End Register -->
712 766  
713 767 <!-- Start Sponsors -->
714 768 <!-- <section id="mu-sponsors">
... ... @@ -773,9 +827,9 @@
773 827 <!-- End Sponsors -->
774 828  
775 829  
776   - <!-- Start Contact -->
777   - <!-- <section id="mu-contact">
778   - <div class="container">
  830 + <!--Start Contact -->
  831 + <section id="mu-contact">
  832 + <!--<div class="container">
779 833 <div class="row">
780 834 <div class="col-md-12">
781 835 <div class="mu-contact-area">
... ... @@ -812,8 +866,22 @@
812 866 <!-- </div>
813 867 </div>
814 868 </div>
815   - </div>
816   - </section> -->
  869 + </div>-->
  870 + <!--Start of Tawk.to Script-->
  871 + <!--Start of Tawk.to Script-->
  872 +<script type="text/javascript">
  873 +var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  874 +(function(){
  875 +var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  876 +s1.async=true;
  877 +s1.src='https://embed.tawk.to/5a82c0404b401e45400ce593/default';
  878 +s1.charset='UTF-8';
  879 +s1.setAttribute('crossorigin','*');
  880 +s0.parentNode.insertBefore(s1,s0);
  881 +})();
  882 +</script>
  883 +<!--End of Tawk.to Script-->
  884 + </section>
817 885 <!-- End Contact -->
818 886  
819 887 </main>
... ... @@ -827,11 +895,11 @@
827 895 <div class="mu-footer-area">
828 896 <div class="mu-footer-top">
829 897 <div class="mu-social-media">
830   - <a href="#"><i class="fa fa-facebook"></i></a>
831   - <a href="#"><i class="fa fa-twitter"></i></a>
832   - <a href="#"><i class="fa fa-google-plus"></i></a>
  898 + <a href="http://www.facebook.com/openHQ"><i class="fa fa-facebook"></i></a>
  899 + <a href="https://twitter.com/open_hq"><i class="fa fa-twitter"></i></a>
  900 + <!-- <a href="#"><i class="fa fa-google-plus"></i></a>
833 901 <a href="#"><i class="fa fa-linkedin"></i></a>
834   - <a href="#"><i class="fa fa-youtube"></i></a>
  902 + <a href="#"><i class="fa fa-youtube"></i></a> -->
835 903 </div>
836 904 </div>
837 905 <div class="mu-footer-bottom">
... ...
... ... @@ -111,7 +111,7 @@ img {
111 111 .imgabout {
112 112 border: none;
113 113 max-width: 100%;
114   - padding: 169px 0px 55px 9px;
  114 + padding: 83px 0px 55px 9px;
115 115 }
116 116  
117 117 code {
... ... @@ -227,7 +227,7 @@ button:focus {
227 227 /*--------------------*/
228 228  
229 229 #mu-hero {
230   - background-image: url("assets/images/head-featured-bg.jpg");
  230 + /*background-image: url("assets/images/head-featured-bg.jpg");*/
231 231 display: inline;
232 232 float: left;
233 233 width: 100%;
... ... @@ -454,7 +454,7 @@ button:focus {
454 454  
455 455  
456 456 #mu-video {
457   - background-image: url("assets/images/about-video-bg.jpg");
  457 + /*background-image: url("assets/images/about-video-bg.jpg");*/
458 458 background-attachment: fixed;
459 459 background-position: center center;
460 460 -webkit-background-size: cover;
... ... @@ -851,7 +851,7 @@ button:focus {
851 851 /*--------------------*/
852 852  
853 853  
854   -/*#mu-pricing {
  854 +#mu-pricing {
855 855 background-color: #fff;
856 856 display: inline;
857 857 float: left;
... ... @@ -961,14 +961,14 @@ button:focus {
961 961 font-weight: 700;
962 962 transform: rotate(-45deg);
963 963 text-align: center;
964   -}*/
  964 +}
965 965  
966 966 /*--------------------*/
967 967 /* REGISTER */
968 968 /*--------------------*/
969 969  
970 970 #mu-register {
971   - background-image: url("assets/images/register-bg.jpg");
  971 + /*background-image: url("assets/images/register-bg.jpg");*/
972 972 background-position: center center;
973 973 background-size: cover;
974 974 background-attachment: fixed;
... ... @@ -985,7 +985,7 @@ button:focus {
985 985 left: 0;
986 986 top: 0;
987 987 right: 0;
988   - position: absolute;
  988 + /*position: absolute;*/
989 989 opacity: 0.9;
990 990 }
991 991  
... ... @@ -1770,6 +1770,137 @@ button:focus {
1770 1770 h2 {
1771 1771 font-size: 22px;
1772 1772 }
  1773 +
  1774 + /*chat css*/
  1775 +.main-section{
  1776 + width: 300px;
  1777 + position: fixed;
  1778 + right:50px;
  1779 + bottom:-350px;
  1780 +}
  1781 +.first-section:hover{
  1782 + cursor: pointer;
  1783 +}
  1784 +.open-more{
  1785 + bottom:0px;
  1786 + transition:2s;
  1787 +}
  1788 +.border-chat{
  1789 + border:1px solid #FD8468;
  1790 + margin: 0px;
  1791 +}
  1792 +.first-section{
  1793 + background-color:#FD8468;
  1794 +}
  1795 +.first-section p{
  1796 + color:#fff;
  1797 + margin:0px;
  1798 + padding: 10px 0px;
  1799 +}
  1800 +.first-section p:hover{
  1801 + color:#fff;
  1802 + cursor: pointer;
  1803 +}
  1804 +.right-first-section{
  1805 + text-align: right;
  1806 +}
  1807 +.right-first-section i{
  1808 + color:#fff;
  1809 + font-size: 15px;
  1810 + padding: 12px 3px;
  1811 +}
  1812 +.right-first-section i:hover{
  1813 + color:#fff;
  1814 +}
  1815 +.chat-section ul li{
  1816 + list-style: none;
  1817 + margin-top:10px;
  1818 + position: relative;
  1819 +}
  1820 +.chat-section{
  1821 + overflow-y:scroll;
  1822 + height:300px;
  1823 +}
  1824 +.chat-section ul{
  1825 + padding: 0px;
  1826 +}
  1827 +.left-chat img,.right-chat img{
  1828 + width:50px;
  1829 + height:50px;
  1830 + float:left;
  1831 + margin:0px 10px;
  1832 +}
  1833 +.right-chat img{
  1834 + float:right;
  1835 +}
  1836 +.second-section{
  1837 + padding: 0px;
  1838 + margin: 0px;
  1839 + background-color: #F3F3F3;
  1840 + height: 300px;
  1841 +}
  1842 +.left-chat,.right-chat{
  1843 + overflow: hidden;
  1844 +}
  1845 +.left-chat p,.right-chat p{
  1846 + background-color:#FD8468;
  1847 + padding: 10px;
  1848 + color:#fff;
  1849 + border-radius: 5px;
  1850 + float:left;
  1851 + width:60%;
  1852 + margin-bottom:20px;
  1853 +}
  1854 +.left-chat span,.right-chat span{
  1855 + position: absolute;
  1856 + left:70px;
  1857 + top:60px;
  1858 + color:#B7BCC5;
  1859 +}
  1860 +.right-chat span{
  1861 + left:45px;
  1862 +}
  1863 +.right-chat p{
  1864 + float:right;
  1865 + background-color: #FFFFFF;
  1866 + color:#FD8468;
  1867 +}
  1868 +.third-section{
  1869 + border-top: 1px solid #EEEEEE;
  1870 +}
  1871 +.text-bar input{
  1872 + width:90%;
  1873 + margin-left:-15px;
  1874 + padding:10px 10px;
  1875 + border:1px solid #fff;
  1876 +}
  1877 +.text-bar a i{
  1878 + background-color:#FD8468;
  1879 + color:#fff;
  1880 + width:30px;
  1881 + height:30px;
  1882 + padding:7px 0px;
  1883 + border-radius: 50%;
  1884 + text-align: center;
  1885 +}
  1886 +.left-chat:before{
  1887 + content: " ";
  1888 + position:absolute;
  1889 + top:0px;
  1890 + left:55px;
  1891 + bottom:150px;
  1892 + border:15px solid transparent;
  1893 + border-top-color:#FD8468;
  1894 +}
  1895 +.right-chat:before{
  1896 + content: " ";
  1897 + position:absolute;
  1898 + top:0px;
  1899 + right:55px;
  1900 + bottom:150px;
  1901 + border:15px solid transparent;
  1902 + border-top-color:#fff;
  1903 +}
1773 1904  
1774 1905 }
1775 1906  
... ...