diff --git a/Task1/AryanFelix/README.md b/Task1/AryanFelix/README.md new file mode 100644 index 0000000..0b41c5e --- /dev/null +++ b/Task1/AryanFelix/README.md @@ -0,0 +1,25 @@ +

+ +<Repo> Logo + +

+ +# FrontEnd + +> +> A frontend JavaScript validated form using Regular Expressions with at least 8 different fields (Some fields can be: Name, Registration Number, Password, Email, etc). + +--- + + + +## Contributors +Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Aryan Felix + +## License +[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) + +

+ With :heart: by CodeAsylums Student Partners +

\ No newline at end of file diff --git a/Task1/AryanFelix/index.css b/Task1/AryanFelix/index.css new file mode 100644 index 0000000..0a75e63 --- /dev/null +++ b/Task1/AryanFelix/index.css @@ -0,0 +1,34 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); + +* { + font-family: 'Montserrat', sans-serif; +} + +div { + margin: 11%; +} + +form { + margin: 1% 30%; + padding: 2% 8%; + border-radius: 5px; + box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.3); +} + +input { + margin-top: 5px; + margin-bottom: 5px; +} + +p { + text-align: center; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + color: red; +} \ No newline at end of file diff --git a/Task1/AryanFelix/index.html b/Task1/AryanFelix/index.html new file mode 100644 index 0000000..f332b57 --- /dev/null +++ b/Task1/AryanFelix/index.html @@ -0,0 +1,88 @@ + + + + Form Validation + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Name : + + +
+ Reg No : + + +
+ Password : + + +
+ E-Mail : + + +
+ Age : + + +
+ Zip Code : + + +
+ State : + + +
+ Country : + + +
+ + +

Made with ❤️ by Aryan Felix

+
+
+ + \ No newline at end of file diff --git a/Task1/AryanFelix/index.js b/Task1/AryanFelix/index.js new file mode 100644 index 0000000..cb9b850 --- /dev/null +++ b/Task1/AryanFelix/index.js @@ -0,0 +1,50 @@ +function validateForm() { + if(document.myForm.name.value == "") { + alert( "Please provide your name!"); + document.myForm.Name.focus() ; + return false; + } + if(document.myForm.regno.value == "" || isNaN(document.myForm.regno.value) || document.myForm.regno.value.length != 9) { + alert("Please provide a 9 digit registration number."); + document.myForm.regno.focus() ; + return false; + } + if(document.myForm.pass.value == "" || document.myForm.pass.value.length < 8) { + alert("Please provide an 8 digit password."); + document.myForm.Name.focus() ; + return false; + } + if(document.myForm.email.value == "") { + alert("Please provide your Email!"); + document.myForm.EMail.focus() ; + return false; + } + var emailID = document.myForm.EMail.value; + atpos = emailID.indexOf("@"); + dotpos = emailID.lastIndexOf("."); + if (atpos < 1 || ( dotpos - atpos < 2 )) { + alert("Please enter correct email ID") + document.myForm.EMail.focus() ; + return false; + } + if(document.myForm.age.value == "" || isNaN(document.myForm.age.value)) { + alert("Please provide a valid age."); + document.myForm.Zip.focus() ; + return false; + } + if(document.myForm.zip.value == "" || isNaN(document.myForm.zip.value) || document.myForm.zip.value.length != 6) { + alert("Please provide a zip in the format ######. Ex: 100011"); + document.myForm.Zip.focus() ; + return false; + } + if(document.myForm.state.value == "") { + alert("Please provide your state!"); + return false; + } + let x = document.myForm.country.value; + if(x == "-1") { + alert("Please provide your country!"); + return false; + } + return( true ); +} \ No newline at end of file diff --git a/Task1/README.md b/Task1/README.md index 2bd6726..e69ead8 100644 --- a/Task1/README.md +++ b/Task1/README.md @@ -16,8 +16,9 @@ ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) -- Contributor Name -- Contributor Name +- Anjan Nair +- Aryan Felix + ## License [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) diff --git a/Task2/AryanFelix/README.md b/Task2/AryanFelix/README.md new file mode 100644 index 0000000..096dad0 --- /dev/null +++ b/Task2/AryanFelix/README.md @@ -0,0 +1,28 @@ +

+ +<Repo> Logo + +

+ +# FrontEnd + +> +> A web page which displays a total of 5 videos on the same page. 4 in the first half. 1 in the second half. + +--- + +## Instructions +> VERY IMPORTANT + - Run this code on a server or else the video will not play. Youtube is very specific with its policy and embedded videos will not play locally. Server is mandatory. + - Start : index.html + +## Contributors +Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Aryan Felix + +## License +[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) + +

+ With :heart: by CodeAsylums Student Fellowship Program +

\ No newline at end of file diff --git a/Task2/AryanFelix/index.css b/Task2/AryanFelix/index.css new file mode 100644 index 0000000..0ad3673 --- /dev/null +++ b/Task2/AryanFelix/index.css @@ -0,0 +1,91 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap'); + +* { + margin: 0; + padding: 0; + font-family: 'Montserrat', sans-serif; + font-weight: 400; + scroll-behavior: smooth; +} + +html, body { + height: 100%; +} + +.container-fluid { + height: 100%; + text-align: center; +} + +.mostView { + background: #000000; + color: #ffffff; +} + +.mostView .heading h1 , .mostLike .heading h1{ + padding: 20px 40px; + font-weight: 800; +} + +.mostView .carousel .carousel-caption h5, .mostLike .carousel-inner .carousel-caption h5{ + font-weight: 800; +} + +.mostView .carousel .carousel-caption p, .mostLike .carousel-inner .carousel-caption p{ + font-weight: 600; +} + +.mostView .carousel, .mostLike .carousel-inner { + padding: 30px; +} + +.footer .next { + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +.footer a { + text-decoration: none; + color: #ffffff; +} + +.mostLike { + background:white; + color: #000000; +} + +.mostLike .footer .next { + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +.mostLike .footer a { + text-decoration: none; + color: #000000; +} + +.mostLike .carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +footer { + text-align: center; + background: #000000; + margin: 0; + color: #ffffff; +} + +footer p { + margin: 0; + padding: 5px; +} + +footer a { + color: #ffffff; + text-decoration: none; +} + +footer a:hover { + color: red; + text-decoration: none; +} \ No newline at end of file diff --git a/Task2/AryanFelix/index.html b/Task2/AryanFelix/index.html new file mode 100644 index 0000000..94ef3de --- /dev/null +++ b/Task2/AryanFelix/index.html @@ -0,0 +1,100 @@ + + + + + + YouTube Hall of Fame + + + + + +
+
+

Most Viewed Youtube Videos

+
+ +
+

Next!

+ +
+
+ +
+
+

Most Liked YouTube Video

+
+
+
+ +
+
Despacito
+

7 Billion Views

+
+
+
+
+ +

Prev!

 +
+
+ + + + + + + + + \ No newline at end of file diff --git a/Task2/README.md b/Task2/README.md index c7c08f3..50890d3 100644 --- a/Task2/README.md +++ b/Task2/README.md @@ -16,8 +16,8 @@ ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) -- Contributor Name -- Contributor Name +- Praveen M +- Aryan Felix ## License [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) diff --git a/Task3/README.md b/Task3/README.md index 940e2cc..1390852 100644 --- a/Task3/README.md +++ b/Task3/README.md @@ -7,7 +7,7 @@ # FrontEnd > -> Redesign the CA website (https://ca- community.akshatvg.com). Use CSS to beautify the page.. +> Redesign the CA website (https://ca-community.akshatvg.com). Use CSS to beautify the page.. --- [![DOCS](https://img.shields.io/badge/Documentation-see%20docs-green?style=flat-square&logo=appveyor)](INSERT_LINK_FOR_DOCS_HERE)