diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..ca8c288 Binary files /dev/null and b/.DS_Store differ diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000..c8199b4 Binary files /dev/null and b/css/.DS_Store differ diff --git a/css/main.css b/css/main.css index fa6bcb2..cf46814 100644 --- a/css/main.css +++ b/css/main.css @@ -189,7 +189,7 @@ header { #top { color:#ffffff; - background:url(../img/banner-1.jpg) bottom center no-repeat; + background:url(../img/banner-3.jpg) bottom center no-repeat; width:100%; max-height:auto; height:667px; diff --git a/css/timeline.css b/css/timeline.css index 2e356e9..851dbdb 100644 --- a/css/timeline.css +++ b/css/timeline.css @@ -105,16 +105,18 @@ margin: 10px auto 80px; max-width: 94%; z-index: 2; + overflow: hidden; + height: 500px; } -@media (min-width: 480px) { +@media (min-width: 580px) { #timeline .demo-card { - max-width: 60%; + /* max-width: 80%; */ box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07); } } @media (min-width: 720px) { #timeline .demo-card { - max-width: 40%; + max-width: 80%; } } @media (min-width: 1000px) { diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 0000000..8c7a65d Binary files /dev/null and b/img/.DS_Store differ diff --git a/img/HMR Orientation 1.jpg b/img/HMR Orientation 1.jpg new file mode 100644 index 0000000..ab18979 Binary files /dev/null and b/img/HMR Orientation 1.jpg differ diff --git a/img/HMR Orientation 2.jpg b/img/HMR Orientation 2.jpg new file mode 100644 index 0000000..9d35dac Binary files /dev/null and b/img/HMR Orientation 2.jpg differ diff --git a/img/Mait orientaiton 2.jpg b/img/Mait orientaiton 2.jpg new file mode 100644 index 0000000..5d6da36 Binary files /dev/null and b/img/Mait orientaiton 2.jpg differ diff --git a/img/Mait orientation 1.jpg b/img/Mait orientation 1.jpg new file mode 100644 index 0000000..8a3f60a Binary files /dev/null and b/img/Mait orientation 1.jpg differ diff --git a/img/Monthly Challenge.jpg b/img/Monthly Challenge.jpg new file mode 100644 index 0000000..299bb1f Binary files /dev/null and b/img/Monthly Challenge.jpg differ diff --git a/img/banner-3.jpg b/img/banner-3.jpg new file mode 100644 index 0000000..0ad5782 Binary files /dev/null and b/img/banner-3.jpg differ diff --git a/img/sig1.jpg b/img/sig1.jpg new file mode 100644 index 0000000..320fb2e Binary files /dev/null and b/img/sig1.jpg differ diff --git a/img/sponsor/FINAL JOHN SNOW.png b/img/sponsor/FINAL JOHN SNOW.png new file mode 100644 index 0000000..265eca6 Binary files /dev/null and b/img/sponsor/FINAL JOHN SNOW.png differ diff --git a/img/sponsor/FINAL STICKERMULE.png b/img/sponsor/FINAL STICKERMULE.png new file mode 100644 index 0000000..b11fa82 Binary files /dev/null and b/img/sponsor/FINAL STICKERMULE.png differ diff --git a/img/sponsor/mlh.png b/img/sponsor/mlh.png new file mode 100644 index 0000000..83110e4 Binary files /dev/null and b/img/sponsor/mlh.png differ diff --git a/import.css b/import.css new file mode 100644 index 0000000..6ae8841 --- /dev/null +++ b/import.css @@ -0,0 +1,106 @@ +@import "bourbon"; + + +//Edit these +$farColor: #ffe4c7; +$nearColor: darken(cyan,30%); +$layer: 7; //make sure it is +1 the ammount of layer divs in the html +$perspective: 1; + +.bg { + position:absolute; + height:100%; + width:100%; + top:0px; + z-index:0; + background-color:$farColor; +} + +.layer { + position:fixed; + top:0px; + margin:auto; + width:100%; + z-index:100; + min-height:400px; + top: 0; left: 0; right: 0; bottom: 0; + background-position: top center; + background-repeat: no-repeat; +} + +.parallax { + height: 100vh; + overflow-x: hidden; + overflow-y: scroll; + perspective: #{$perspective + px}; +} + +.parallax-group { + position: relative; + height: 100vh; + transform-style: preserve-3d; +} + + + + +@for $i from 1 to $layer { + .parallax-group div:nth-child(#{$i}) { + + //figure out best mixing math, this isn't true to the starting colors, doesnt scale that well + $mixedColor: mix($nearColor, $farColor, $i*15); + $randOffset: random(300)+px; + $zDepth: ($layer - $i)/0.5; + + background-color:$farColor; + margin-top:#{300*($i+1) + px}; + background-color:$mixedColor; + transform: translateZ(#{-($zDepth) + px}) scale(#{1 + (-($zDepth) * -1) / $perspective}); + + &:before { + content:""; + width:100%; + height:200px; + position:absolute; + bottom:100%; + left:0; + background-image: linear-gradient(135deg, transparent 66%, $mixedColor 66.01%), + linear-gradient(45deg, $mixedColor 34%, transparent 34.01%); + background-position: $randOffset 0px; + background-size: 200px 100%; + background-repeat:repeat-x; + } + } + +} //loop over + + + + + + + +///Demo specific styling + + + +.content { + position:relative; + background-color:transparent; + font-family:"Arial"; + letter-spacing:10px; + text-transform:uppercase; + line-height:40px; + z-index:10; + width:100%; + font-size:15px; + text-align:center; + color:white; + margin-top:1000px; + $zDepth: (1)/0.5; + transform: translateZ(#{-($zDepth) + px}) scale(#{1 + (-($zDepth) * -1) / $perspective}); +} + +.fill { + height:80%; //? +} \ No newline at end of file diff --git a/index.html b/index.html index e94c7c3..aff2552 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,4 @@ - - - -
@@ -13,7 +6,8 @@ - + @@ -42,7 +36,8 @@ - + @@ -80,7 +75,7 @@Biggest development based Student Organisation in North India
+North India’s Largest Student based development Organisation
view moreBIGGEST DEVELOPMENT based student organisation IN NORTH INDIA
+North India’s Largest Student based development Organisation +
We at IOSD, believe in enriching the development environment in the - country. We plan to provide a platform for developers to come together and create projects, - discuss ideas and learn in a non-competitive environment. We provide mentorship and - collaborations on projects in both public and private sector.
- -Our aim is to create an environment for developers to prosper and be able - to successfully implement ideas for it's not about having ideas but making ideas happen. We - started off as a group of ANDROID TECHIES with our common passion for development. This passion - drives us and helped us succeed in making our movement in development to international level. +
+ We at IOSD, believe in aggrandising the + development purlieu in the country. We + plan to provide a well resourced dais for + developers to come together and create projects, + “Have a tete-a-tete” on their ideas and + learn in an adjuvant environment. We provide + mentorship and collaborations on projects + in both public and private sector. + +
+ ++ Our aim is to create a milieu for developers + to prosper and be able to successfully + implement ideas for it's not about having + ideas but materialising them . We + started off as a group of coruscating + ANDROID TECHIES with our common passion for + development. This passion and our innate + dynamism is what drives us and helped us succeed in + making our movement in development proliferate + at an international level. +
-IOSD is the only student-organization that is completely development - oriented. At first, - students are given classes by senior members so that all the students can get familiar with the - new development culture. Then, projects are given in teams so that they get acquainted with the - requirements of working in a team, as well as get going and start developing on their own!
++ IOSD is the only student-organization + that is completely development oriented. At first, + students are given interactive technical + sessions by senior members so that all the students + can get familiar with the new development + culture. Then, projects are given in teams so that + they can acquaint themselves with the + requirements of working in a team, as well as get + going and start developing on their own! + +
Providing a platform for Development +
+ Providing a platform for Development enthusiasts to enrich their skills via - yielding projects, workshops, forums, - etc. helping them learn the process of - development over a longer period of - time.
+ providing various oppurtunities like + being able to participate in projects, workshops, + forums, etc. to help them learn the + process of development over a longer period time. +Teaming up together to build +
+ Teaming up together to build"out of the box" Applications using different Hybrid technologies such as Machine Vision, Arduino Interfacing, Internet of Things, - Machine Learning, Artificial Intelligence - etc.
+ Machine Learning, Artificial Intelligence etc. +Promoting the members to adapt to the +
+ Promoting the members to adapt to the industrial environment of delivering the best possible applications in a limited time - period by organising Hackathons.
+ period by organising Hackathons. +Integrating the projects with new +
Integrating the projects with new international industrial technologies by - prime organizations along with bringing together diverse ideas from - students in various fields of engineering - to work upon together in a team.
+ prime organizations along with bringing + together diverse ideas from students in + various fields of engineering + to work upon together in a team. + +Knowledge can't be gained without practical application. IOSD conducts events all across - the year to help studetns get insights of the latest technologies in industry.
++ Knowledge can't be gained without practical application. + IOSD conducts events all across + the year to help students get insights + of the latest technologies in industry. +
Second and third year members take workshops and - special classes for the juniors teaching them technical - skills like coding in various languages, web development - and android development all throughout the year.
++ Senior members conduct "hands-on" workshops and + specialized classes for the juniors ,teaching them + necessary technical skills like coding in + various languages, even specializing in web development + and android development all throughout + the year.They provide valuable insights on the same to + the students. +
Hackathons are events that give an industrial +
+ Hackathons are events that provide an industrial environment for application development by - encouraging Developers to bring out their best - application in limited time period. We will be - conducting mock Hackathons for such essential - experience.
+ encouraging emulous Developers to bring out + their level best coding skills to build an + avant-garde application in a limited time period. + We conduct mock Hackathons for such essential + experience and hence familiarize students + with various foreign "mise en scène". +Application Program Interface is set of routines, +
+ Application Program Interface is set of routines, protocols, and tools for building software applications. Organizations update these regularly and new features - are added or discontinued.We will ensure that we keep - track of new platforms introduced, which is essential.
+ are added or discontinued.We ensure that we keep + up with the ever burgeoning software development + , which is essential. +Software Development doesn’t have that much - literature to help us during errors, logical failures - etc.. Online Websites like github.com, stackoverflow.com - etc. don’t provide a specific solution to our - problem. At IOSD we plan to work as a team helping - each other encounter such problems.
+ literature because of its ever evolving nature + ie there are no set books for guidance to + help us during errors, logical failures etc. + Online Websites like github.com, stackoverflow.com + don’t provide a specific solution to the + problem faced ie they only provide a generalised + solution,one which may not cater to our + personal needs. At IOSD we plan to work as a team + helping each other encounter such problems and + work out the best possible solution . +Enhancing Students to work on more than one IDE and +
+ Enhancing Students to work on more than one IDE and developing new UI interface for application development - and creating his/her own independent libraries.
+ and creating their own independent libraries. + We encourage such individualistic ventures and fully + support their ideas for the same. + +Monthly coding competitions among the members to - hone their technical skills in a healthy environment. - Competitions are conducted in ACPC , CodeJam and Online Judge Formats
++ Monthly coding competitions among the members to + hone their technical skills in a healthy environment + with their peers.Competitions are conducted in ACPC + , CodeJam and Online Judge Formats so as to familiarize + the students with the environment encountered + in competetive programming. +
Developed an Android Application for Delhi police to track and solve queries of Complainants on +
Developed an Android Application for Delhi police to track and solve queries of Complainants + on their respective FIR, reducing the wastage of time and increasing accountability.
From a group of Android Techies to North India's Biggest Student Organisation.
+From a group of Android Techies to North India's Biggest Student + Organisation.
A Core-Team of 5 Android Techies started its operations to promote Software Development - across different streams in College.
++ A Core-Team of 5 Android Techies started its operations + to promote Software Development across different + streams in College. +
An orientation was organised to let students know more about the student-organisation and the things - that they will experience in SD-DTU. It received an overwhelming response from students of all - streams in the college and had witnessed the maximum footfall.
- ++ An orientation was organised to let students know more + about the student-organisation and the things + that they will experience in the society and get to learn + about in software development. An introductory + session on software development was also conducted,which + catered to many doubts of the audience and gave a + basic outline on software development.It received an + overwhelming response from students of all + streams in the college and had witnessed the maximum + footfall ever seen for a club orientation. +
+The students of SD-DTU along with the senior members completed various projects in different fields. - 17 web based projects and 6 android projects were completed by 70 students.
++ Members of IOSD along with their mentors completed + various projects in different fields. 17 web based + projects and 6 android projects were completed by 70 students. +
SYNERGY'17 went on to be the greatest Tech-Fest North India ever witnessed. Various competitons - were held in DTU with students participating from all across India.Big Tech giants like Cisco were - the Title Sponsors. HackDTU,A 24 hour Hackathon bacame a huge attraction for all Developers across - Delhi-NCR.
++ SYNERGY'17 went on to be the greatest Tech-Fest North + India had ever witnessed. Various competitons were held + with emulous students participating from all across + India vying for the cash prize.Big Tech giants like + Cisco were the Title Sponsors. HackDTU,A 24 hour + Hackathon bacame a huge attraction for all Developers + across Delhi-NCR. +
After acheiving great Heights in the first year itself, SD-DTU went on to expand itself in various - colleges across India and led to the formation of International Organisation of Software - Developers.
++ After achieving great Heights in the first year + itself, we underwent massive expansion in various + colleges across Delhi-NCR and led to the formation + of International Organisation of Software Developers. +
We here at IOSD understand the importance of great ideas and are willing to provide funds to help talented +
+ We here at IOSD understand the importance of great ideas + and are willing to provide funds to help talented minds to implement their ideas.
Hacktoberfest is a month-long celebration of open source software in partnership with Github.
- October '17 - hacktoberfest.digitalocean.com +...
+ DTU December 3'17my is , -
+and my - is + is
@@ -1206,19 +1365,19 @@Creating an environment for developers to prosper and be able to successfully implement ideas for - it's not about having ideas but making ideas happen.
+ it's not about having ideas but making them happen.Govind Puri, Delhi, India
+Okhla,New Delhi, India
+91 - 9717430033
-Made with by International Organisation of Software Developers
+Made with by International Organisation of Software Developers
+ +Powered by .tech