Student Charter Demo for City University

Developer
Chris Burnell
Size
5,837 Kb
Views
50,600
  1. Student Charter Demo for City University Previews
  2. Student Charter Demo for City University HTML Codes
  3. Student Charter Demo for City University CSS Codes

How do I make an student charter demo for city university?

What is a student charter demo for city university? How do you make a student charter demo for city university? This script and codes were developed by Chris Burnell on 08 September 2022, Thursday.

Student Charter Demo for City University Previews
IQ Test

Student Charter Demo for City University - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Student Charter Demo for City University</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class="student-charter row-fluid"> <input type="radio" name="student-charter" id="student-charter-cancel" aria-hidden="true"></input> <div class="row-fluid position-1"> <h3><strong>You</strong> commit to:</h3> <input type="radio" name="student-charter" class="student-charter-toggle position-1" id="student-charter-1" aria-hidden="true"></input> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-2" aria-hidden="true"></input> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-3" aria-hidden="true"></input> <ul class="student-charter-navigation"> <li class="position-1"> <label for="student-charter-1">Student Experience</label> </li> <li> <label for="student-charter-2">Academic Excellence</label> </li> <li> <label for="student-charter-3">Employability</label> </li> </ul> <ul class="student-charter-text student-charter-text-you"> <li class="position-1"> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Participate in a welcoming, friendly and supportive community of international character, enriched by its diversity</li> <li>Treat fellow students, staff and visitors with respect and as equal and valued members of the University community</li> <li>Utilise opportunities for feedback on aspects of the student and academic experience such as surverys, module evaluations, committees and forums</li> <li>Act as ambassadors for City University London at all times on campus, in our community and in any public forum and after your time at City</li> <li>Contribute to the student community through engagement with Student Representatives within the Students&#39; Union</li> <li>Behave respectfully towards our neighbours and in the local community</li> <li>Respect the physical environment of the institution and our local community, including all facilities provided</li> </ul> </li> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Engage in all learning opportunities to maximise potential, including independent study and participation in lectures, seminars, tutorials, assessments, research and similar activities</li> <li>Make academic and professional work a high priority and take responsibility for evaluating your progress</li> <li>Make full use of the learning facilities and seek support and advice from the available sources when necessary</li> <li>Be familiar with the Programme Handbook, University Regulations and Procedures and read correspondence from the University</li> </ul> </li> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Act in accordance with the requirements and expectations set by appropriate professional bodies</li> <li>Maintain a professional attitude in attendance, preparation and conduct</li> <li>Embrace appropriate opportunities for professional and personal development that are provided by the University.</li> </ul> </li> </ul> </div> <div class="row-fluid"> <h3><strong>Your University</strong> commits to:</h3> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-4" aria-hidden="true"></input> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-5" aria-hidden="true"></input> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-6" aria-hidden="true"></input> <ul class="student-charter-navigation"> <li> <label for="student-charter-4">Student Experience</label> </li> <li> <label for="student-charter-5">Academic Excellence</label> </li> <li> <label for="student-charter-6">Employability</label> </li> </ul> <ul class="student-charter-text student-charter-text-uni"> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Treat students, staff and visitors with respect and as equal and valued members of the University community</li> <li>Provide equality of opportunity for all, respecting differences including age, disability, gender reassignment, pregnancy and maternity, marriage and civil partnership, race, religious belief and non-belief, socio-economic background and sexual orientation</li> <li>Encourage students to share their views constructively and engage in formal and informal opportunities to shape the student experience</li> <li>Act in a timely manner on concerns raised about any aspect of the student experience</li> <li>Maintain fair and transparent procedures for considering complaints, disciplinary matters and appeals</li> <li>Offer a comprehensive range of friendly, professional and helpful support services, including learning support and assistance with personal, financial and welfare issues</li> <li>Accommodate specific learning needs and/or disabilities through reasonable adjustments and support</li> <li>Provide accessible, cross-institutional, social and wellbeing activities for the student community and high quality sports and leisure facilities accessible to students, staff and the local community</li> <li>Provide students with information about expected behaviours</li> </ul> </li> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Provide high quality education by enthusiastic academic staff and informed by world-leading research and enterprise</li> <li>Support staff and students in creating learning opportunities, enhancing academic practice and maximising learning potential</li> <li>Support innovative and responsive approaches within academic and research programmes that reflect the needs of students</li> <li>Ensure students receive accurate, clear, useful and timely information in support of their studies and broader experience</li> <li>Provide fair and structured assessments, along with meaningful and timely feedback, enhancing students&#39; learning and development</li> <li>Provide high quality facilities, technology and resources supporting academic programmes, research and enterprise</li> </ul> </li> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Build on long-standing relationships with the City of London, industry and the professions, enabling our graduates to remain distinctive and competitive</li> <li>Develop partnerships and collaborations that strengthen education, research and employment opportunities for students and graduates</li> <li>Support the development of student and <em>alumni</em> networks and engage with relevant industry and professional networks to enhance the student experience and employability</li> <li>Provide the tools needed to enhance students&#39; employability through a high quality careers and information service</li> <li>Facilitate the incorporation of innovation and employability skills into the student experience</li> <li>Promote and support activities and opportunities within and beyond the curriculum that enhance students&#39; employability and personal development</li> </ul> </li> </ul> </div> <div class="row-fluid"> <h3><strong>Your Student&#39; Union</strong> commits to:</h3> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-7" aria-hidden="true"></input> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-8" aria-hidden="true"></input> <input type="radio" name="student-charter" class="student-charter-toggle" id="student-charter-9" aria-hidden="true"></input> <ul class="student-charter-navigation"> <li> <label for="student-charter-7">Student Experience</label> </li> <li> <label for="student-charter-8">Academic Excellence</label> </li> <li> <label for="student-charter-9">Employability</label> </li> </ul> <ul class="student-charter-text student-charter-text-union"> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Advocate respect and equality between students, staff and visitors as valued members of the University community</li> <li>Provide opportunities for students to develop as active citizens within the University and beyond through democratically determining the direction of their Union</li> <li>Represent the interests of students at local and national levels through democratic structures and provide opportunities to empower students to represent themselves effectively</li> <li>Support all students to ensure they receive fair treatment and are aware of their rights and responsibilities</li> <li>Enable students to engage positively with the local community</li> <li>Regularly engage with students and learn how their experiences can be improved</li> <li>Assist students with academic and welfare issues</li> <li>Host a range of inclusive activities and events open to all students</li> <li>Welcome students and assist them in their transition to City and as they progress into employment or further study</li> </ul> </li> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Represent the interests of students to ensure the maintenance and development of a high standard of learning and academic support</li> <li>Encourage and support student participation in educational quality assurance and enhancement through the election, development and training of programme representatives</li> <li>Provide students with confidential and independent advice and representation on any issues they encounter with their programmes</li> </ul> </li> <li> <label for="student-charter-cancel" class="student-charter-cancel" aria-hidden="true">&#215;</label> <ul> <li>Offer opportunities to interact and develop networks with students within the University and from other higher education institutions</li> <li>Continue to engage with the Career &amp; Skills Development Service and through the joint promotion of annual initiatives and engage with University departments and outside bodies to provide opportunities to improve City students&#39; employability</li> <li>Support a range of clubs and societies to enhance personal and professional development and help students to develop their leadership skills in relation to their interests.</li> </ul> </li> </ul> </div>
</section> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Student Charter Demo for City University - Script Codes CSS Codes

*,
*:before,
*:after { box-sizing: border-box;
}
body { overflow-y: scroll;
}
input[type="radio"] { display: none;
}
.student-charter { width: 90%; max-width: 800px;; margin: 1em auto 0; div { width: 100%; float: left; }
}
.student-charter-navigation,
.student-charter-text { width: 100%; float: left; padding: 0; margin: 0; list-style: none;
}
.student-charter-navigation { li { background-color: gray; background-image: linear-gradient(transparent 0%, rgba(black, .5)); width: 25%; height: 12.5em; float: left; display: inline-block; overflow: hidden; margin-right: 12.5%; transition: height .2s; &:last-child { margin-right: 0; } @media( max-width: 800px ) { width: 100%; height: 8em; &:last-child { margin-right: 0; } } } label { color: white; width: 100%; height: 100%; display: block; padding-top: 9.5em; font-weight: bold; line-height: 3em; text-align: center; cursor: pointer; transition: padding .2s; @media( max-width: 800px ) { padding-top: 5em; } }
}
.student-charter-toggle:checked ~ .student-charter-navigation li { height: 3em;
}
.student-charter-toggle:checked ~ .student-charter-navigation label { padding-top: 0;
}
.position-1:checked ~ .student-charter-navigation .position-1 { background-image: linear-gradient(rgba(mediumseagreen, .8) 0, rgba(mediumseagreen, .5) 100%);
}
.student-charter-text { position: relative; > li { background: rgba(mediumseagreen, .2); width: 100%; padding: 1em; margin-top: 1em; display: none; position: relative; } ul { list-style-type: disc; padding-left: .5em; padding-right: 3em; margin: 0; }
}
.position-1:checked ~ .student-charter-text-you > .position-1 { display: block;
}
.student-charter-cancel { background-color: black; color: white; width: 30px; height: 30px; font-size: 2em; line-height: 24px; text-align: center; display: block; position: absolute; top: .5em; right: .5em; border-radius: 50%; cursor: pointer;
}
h3 { float: left; width: 100%; display: inline-block; padding: 1em 0; margin: 0;
}
Student Charter Demo for City University - Script Codes
Student Charter Demo for City University - Script Codes
Home Page Home
Developer Chris Burnell
Username chrisburnell
Uploaded September 08, 2022
Rating 3
Size 5,837 Kb
Views 50,600
Do you need developer help for Student Charter Demo for City University?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chris Burnell (chrisburnell) Script Codes
Name
The power of transform for centering - INTERACTIVE
Interesting Hover Animation
Interaction Jazz
Globule Bleu Jobs Page Anchor Rollover Effect
Clock Face Idea
Persistent Light Source Transform
New Brandings
Modal Container without JS
Zoomy Anchor Thing
Stupid RTL Demo
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!