From e281b0aedaa06caa3ef8f1cd3e3a34bf3e3e44c3 Mon Sep 17 00:00:00 2001 From: Vinayshreesmk <112698853+Vinayshreesmk@users.noreply.github.com> Date: Tue, 28 Feb 2023 21:10:07 +0530 Subject: [PATCH 1/2] Add final version for competition --- About.html | 562 ++++++++++++++++++++++++++++++++++++++++++++++++++++ bounty.html | 221 +++++++++++++++++++++ index.html | 275 +++++++++++++++++++++++++ style.css | 444 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 1502 insertions(+) create mode 100644 About.html create mode 100644 bounty.html create mode 100644 index.html create mode 100644 style.css diff --git a/About.html b/About.html new file mode 100644 index 0000000..3a9c319 --- /dev/null +++ b/About.html @@ -0,0 +1,562 @@ + + + + + + + About + + + + + + + + + + + + + + + +
+
+ +

About Us

+

What is the Strapi Community Organization?

+

The Strapi Community Organization is an independent, decentralized community in partnership with outstanding community members who provide value to Strapi users by creating well-maintained plugins, integrations, and tooling.

+

Manage Any Content. Anywhere.

+

+ Explore Now +

+
+
+ + +
+
+
+ +
+
+

The Story of Strapi

+

We believe in a future in which everybody has the power to create content, digital products and user experiences that impact the world.

+

This dedicated GitHub organization already includes popular repositories such as the awesome-strapi repository, Dockerize, to add docker support for a Strapi Project or strapi-plugin-rest-cache.

+
+
+
+ + + +
+
+
+
+

Our Mission

+

Our mission is to provide a flexible, customizable, and scalable platform that enables developers to build content-rich applications and websites. We want to empower developers to create exceptional digital experiences for their users by giving them the tools they need to manage content efficiently.

+
+
+
+
+
+
+

Our Vision

+

We believe in a world where technology unleashes content creativity and productivity for all. In the mid-term, our main priority must be the construction of an excellent CMS. As we move forward, we will have the opportunity to extend our product. This will be done by internalizing some services we are integrated with. That way, our users will have a seamless experience.

+
+
+
+
+
+
+

Our Values

+

Strapi is made of passionate, truthful and caring team members. People who can question themselves and change their minds, while being creative, learners at heart, laser-focused, and leading by example.

+
+
+
+
+ + +
+

Welcome to the Strapi Community

+
+
+

Strapi is an open-source headless CMS that allows you to build APIs quickly and easily. But it's not just the software that makes Strapi great - it's also the community of users and developers who are passionate about building amazing digital experiences.

+

There are many ways to get involved with the Strapi community, including:

+
    +
  • Joining the Strapi forum to ask questions and share your knowledge with others
    • +
  • Contributing to the Strapi Github repository to help improve the software
    • +
  • Participating in local Strapi meetups or events to connect with other Strapi enthusiasts
    • +
  • Following Strapi on social media to stay up-to-date on the latest news and updates
    • +
+

By joining the Strapi community, you can:

+
    +
  • Get help and support from other users and developers
    • +
  • Learn new tips and tricks for building APIs with Strapi
    • +
  • Contribute to the open-source community and make a difference in the world of web development
    • +
  • Network with other professionals in your field
    • +
+

Don't miss out on the opportunity to be part of this vibrant and passionate community. Join today!

+
+
+
+
+

Join the Community

+
+
+

Join the Strapi community and get access to:

+
    +
  • The latest updates and news about Strapi
    • +
  • Exclusive content and resources
    • +
  • Invitations to events and webinars
    • +
  • Opportunities to connect with other Strapi users and developers
    • +
+ Join Now +
+
+
+
+
+ + +
+
+
MEET THE TEAM
+
+ +
+
+
+
+
+
+

card image

+

Pierre Burgy

+
Chief Executive Officer
+ +
+
+
+
+
+
+

Pierre Burgy

+

Pierre created Strapi with Aurélien and Jim back in 2015. He's a strong believer in open-source, remote and people-first organizations. You can also find him regularly windsurfing or mountain-biking!

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Jim Laurie

+
Chief User Success Officer
+ + +
+
+
+
+
+
+

Jim Laurie

+

Jim is the Chief User Success Officer at Strapi. By being an expert on the project and close to the community and their usage/needs, he is in charge of making sure Strapi provides all resources, help, guidance, that will set Strapi users up for success.

+ +
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Aurélien Georget

+
Chief Product Officer
+ +
+
+
+
+
+
+

Aurélien Georget

+

Co-founder & Chief Product Officer, I started developing since I was 13 years old, I already developed 2 CMS before and am currently in charge of the product vision & strategy.

+ +
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Alexandre Bodin

+
Chief Technical Officier
+ +
+
+
+
+
+
+

Alexandre Bodin

+

Alex is passionnate about science and engineering. He also really like cooking and baking. He is lways eager to learn new things and especially about space. If you need some help with a Rubik's cube send him a message on Twitter: @_alexandrebodin

+ +
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Maeva Lienard

+
Product Designer
+ +
+
+
+
+
+
+

Maeva Lienard

+

Maeva is one of the first Strapiers in the team. She's a talented designer, vegetarian, concert lover, and flower and plant enthusiast.

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Victor Coisne

+
VP Marketing
+ +
+
+
+
+
+
+

Victor Coisne

+

Victor Coisne is VP Marketing at Strapi, the leading Open Source Headless CMS. As an open-source and developer community enthusiast, Victor has been working for Open Core B2B companies for more than a decade including 5+ years as Head of Community at Docker. In his free time, Victor enjoys spending time with friends, wine tasting, playing chess, tennis or soccer.

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Anastasiia Shpiliak

+
Product Marketing Manager
+ +
+
+
+
+
+
+

Anastasiia Shpiliak

+

Anastasiia's goal is to communicate product benefits in the clearest and most compelling way. As a marketer, she’s tested many content management tools and decided to help to spread the word about Strapi, her favorite CMS.

+
+
+
+
+
+
+ + + +
+
+
+
+
+
+

card image

+

Mégane Lacheny

+
Technical Writer
+ +
+
+
+
+
+
+

Mégane Lacheny

+

After studying foreign languages (English and German) and technical writing at university, Mégane graduated with a Bachelor’s Degree in 2015. She started then a career as a Technical Writer, working for various software companies until she joined Strapi in 2020. Outside of work, Mégane enjoys roaming around the streets of Paris, thrifting and collecting antiques, and playing video games in the comfort of her home.

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Fanny Le Gallou

+
Head of People
+ +
+
+
+
+
+
+

Fanny Le Gallou

+

Fanny is our Head of People. She takes care of People at work 🙏🏾 She lives between Paris, France and Alicante, Spain, but is originally from Reunion Island 🇷🇪. She likes to consider herself a life learner and a team builder, but her most difficult yet fulfilling job, with no doubt, is being a mom. Feel free to read more on her blog: https://flg-2309.medium.com/

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Emilie Ringwald

+
Senior Product Manager
+ +
+
+
+
+
+
+

Emilie Ringwald

+

Emilie is a Senior Product Manager at Strapi. She comes from Reunion Island and has been living in Paris for more than 10 years. She likes to sing (#StrapiBand), travel and is a plant & animal enthusiast.

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Bassel Kanso

+
Full-Stack Developer
+ +
+
+
+
+
+
+

Bassel Kanso

+

Bassel is a Software Developer at Strapi. He enjoys spending his time writing code and discussing software in general. He spends his free time playing chess or reading a book.

+
+
+
+
+
+
+ + +
+
+
+
+
+
+

card image

+

Noémie NANA GASSA

+
Recruiter
+ +
+
+
+
+
+
+

Noémie NANA GASSA

+

As part of the Talent team, Noemie's role is to recruit the best talents in order to keep building an international team at Strapi. She delights in providing a great candidate experience based on strong communication.

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bounty.html b/bounty.html new file mode 100644 index 0000000..dacd346 --- /dev/null +++ b/bounty.html @@ -0,0 +1,221 @@ + + + + + + + Strapi competition page + + + + + + + + + + + Bounty Page + + + + + +
+
+

BOUNTY

+

A bounty page is a webpage dedicated to offering rewards for completing specific tasks or achieving certain goals. The content of a bounty page typically includes a clear description of the task or goal, the amount of the reward offered, and any requirements or guidelines for completing the task. Additionally, the bounty page may include information about the sponsoring organization or individual, the deadline for completing the task, and any rules or regulations governing the competition.

+
Know More
+
+
+
+

Welcome to the Bounty Program

+

Our bounty program rewards individuals who contribute to our project. Whether it's finding bugs, improving features, or promoting our platform, we appreciate your efforts and want to reward you for your hard work.

+
+

Available Bounties

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Bounty NameRewardDeadlineStatus
Bug Hunting$500March 31, 2023Open
Feature Improvement$1000April 30, 2023Open
Referral Program$200 per referralOngoingOpen
+
+ + + +
+
+ +
+
+
+

Want to Participate?

+
+ +
+
+
+ + +
+
+ + +
+
+
Gender
+
+ + +
+
+ + +
+
+
+
Choose bounty
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+ +
+
+
+
+ + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..f4cbaec --- /dev/null +++ b/index.html @@ -0,0 +1,275 @@ + + + + + + + Strapi competition page + + + + + + + + + + + + + +
+
+ +

Welcome to strapi competition

+

A valid submission should contain all the requirements and components described below, either on a single page or multiple pages. + +Build the website in any front-end framework or just plain HTML +Use any CSS framework, or build it from scratch +The website must be responsive +Create a INSTALL.md file with instructions on how to run the app. +The design must be aligned with the Strapi Design System, at least in terms of colors +The website should contain at least the following elements: +Navigation/menu +A hero component to showcase featured content and click through with a button +A card to show clickable content in a grid +Basic form elements (input, checkbox, radio's, textarea, button) +An example form using the form elements +Typography styling (h1, h2, h3, p, a) +Footer component

+

+ Explore Now +

+
+
+ + + + + + +
+
+
+
+
+ +
+
+
+ Card 1 +
+
+
Resource center
+

The Strapi Github repository is where you can find the source code for the platform. If you're a developer, you can contribute to the project by submitting bug reports, feature requests, or even code contributions.

+
+
+
+ +
+
+ +
+
+
+ Card 2 +
+
+
Developer
+

Strapi is a powerful open-source headless CMS that allows developers to quickly and easily create APIs for their content. Can create custom content types, define fields, and manage content without writing any code.

+
+
+
+ +
+
+ +
+
+
+ Card 3 +
+ +
+
Documentation
+

The official Strapi documentation is an excellent resource for learning how to use the platform. It includes tutorials, guides, and reference materials that cover everything from installation to advanced features.

+
+
+
+ +
+
+ +
+
+
+ Card 4 +
+
+
Community
+

The Strapi community is a great place to connect with other developers who are using the platform. You can ask questions, share your experiences, and get help with any issues you're experiencing.

+
+
+
+ +
+
+
+
+ +
+ + + + + + + +
+

Announcing the stable release of Strapi Community Edition

+

5 years after the first commit, 3 years after the launch of the company, we’re incredibly excited to announce the general availability of Strapi Community Edition. This stable version is a huge milestone and marks the beginning of a new and exciting chapter for the Strapi project and open source community.

+
+
+
+ + Image + +
+

Why strapi?

+

Strapi provides a flexible and complete data structure allowing users to easily create many different field types (Text, Boolean, Number, JSON, Media, UID, etc) either single types for pages with a unique structure to ensure global settings consistency or collection types for entities that are meant to be repeated many times over. It’s also possible to create repeatable components to easily reuse multiple fields bundled together.

+

Strapi empowers content editors with a rich markdown editor, a customizable layout, and built-in filtering capabilities.

+

Strapi is moving to a new subscription model based on the number of admin users (who have access to the Strapi admin panel, not frontend users).

+
+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..66e47a4 --- /dev/null +++ b/style.css @@ -0,0 +1,444 @@ +body{ + overflow-x: hidden; +} + + +nav ul li a { + color: #292875 !important; + font-weight: 500; +} + + +.hero{ + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAACoCAMAAACPKThEAAAAz1BMVEU0SMVNZNgdPI+20/8yRsQ1Sci51v+72P+41f+92v8bO4y+2/9PZttOZtkuQsMcO48RNIorP8I4TMeDnOYrQ68hPph/l+QfPZMOMoqJoukWN4wyR8Cwzfs9UstDWdBLYM5SZ9AmOsEvRbhrhsIlQ5UpQqsmQKNMZ6x2jd6YsvAcMr+ow/hzit5gdtaJpNtdd7gAK4YAJIMvTJtkfr2btud8l9AzTq9rgtuSrO5Zb9Nhd9FAW6SUsOUeOKU6U7ClwfFLY7pFYKc2Up09Vr8qR6EVYAHVAAAIkUlEQVR4nO2ce1fiOhTFS+m72AeC1IJWQUAuDjgo6ujM9Q7O9/9MN31QSqFO1SY5yWL/MYsFw1rtz5OdnZNQoValjpoCzzqwKq8Dq/I6sCqvA6vyOrAqrwOr8qqYlUT7fnCqWlZnB1YHVpEqZVU7o307WFUtq3Pat4NVB1blVSmqowOrD+jg7eVF+3awqlpUR7RvB6sqZsX1IqdqVjwbVsWsuA6jFbPiOjRUzeowBsvrwKq0uA4NFbOq8dyVqRgV1xNh1ax4NveKWXFt7lWj4nmVUzUrns29clYcJ/fKWXHTwpIs13Wt7DuVo+LFsCTr8eTk5NnNWErlrHjZ97Imuqqq5pO7eat6VnwkLOubWQ9lBpvbqZ4VHwnLulYjVuq3jWVVj4qPjXoyrPhIDdZNzErHy4qLQSgFuoZQaeoZVr/iIzW4N6qu69pjJmHhYMX0TChJydVbzSAIpGwYxcCK5UEouYiVFQOSpJRbLByo2J0JpWCKTKr36O79FAsrZgfhZU/RkPSLvTeAgxWz7i4FcVhXT/YWFhZWrEYsFBRiVscEWTHamKHCilF3l86SMXht7X7YxVVXjMaGy4mOrF2t7/lTy0NcrFh1d+t6Mpmcnu8pK0HEVleMxgbp8h+kPajkloGNFZuFJQmn0+l0crEHVgdfXbGZRy+nKvIrRdu5eFRW+FgxWVjS+TqL5gtL7og4WTFYWIX5KiwrjKxYLKxiVqiscLJicCrcjMFtVlFZYWVVY6+wYm/X1CD3Z7ZFzKwYdCypOen1etMf29YuDw3crFg85Ce5l0i5vmg3QoWXFavthlhRv11A2OSRSIIVo32sUO5NXdf13rMl9A0irBi090Tp/mBTaotEWDFo74k2+86/DDKsWG36Zc4zPPsiIVbM2nvKak6QFaOjMD1/9WKTY8VgyAolWVNdURTzpyeSY8XsKHRvjo+P555NktURo/sUguW6v5wNKiJ1xaplCfI6hRJkxUoi3RyLSVaCokieFROWZbnNZjM+/O9azSb6p70pK8e7uiLDigXLsp7rpm72wnaMe6Kil9N/N17l3dVNk1BdwV/rSOfx+k87k6znKFopr2lc8Fcm+pAQK/hrHesxPXfsPilxDL1KR+Ag/JAUK/D+vl4rq1lWNiVWNdiPT1nXFQxWsCdD6zne7tIvJPc4wqYpqbf7dzpZVkewYbnR+k+fuMjm66qiqOZysxR0XtGHJOsKOCzp+unp6cZCTmE9LGez2XyDSrRF9A5JViAXO9GPT6PLio4TXUrRFpeH5IsZ2bffv5NlBQ+W+3x6enotSGET5ga9fLSkZDdwS7Y/IF1X4GC5pyYyKbWHVn+pX7X2oPJedVUlzQoWLOk8CaA3lvUtmQf/20Ul+nOTcGaIBGq1I13EgJRjN923mfu7rMjnq0SA9ldTVqdAWaHoAKW0Muet0vUgKFaAcpYk9bRoNfPDkgIz7jMs7F1W9gvJPkMOFpSFtHXRM3UzOprmPmqmadbnzi4qUfQGGrH+1Q4tKC0ayzo7OxfCU3yy5S8WC8eJ45TjOFv15aAPKbECNB0mrfVwH8JGilA548HgbrFdYbZNixWo6VBIj+4lcerVVFVVzw9HeqxgNbQy2xBo1otmR62+PQypsgJjWnLfzoZ1b5bv9dFnFT4RGAKt/GIZJKsahCfWyd12bgUIlRWaD+nSkltiXmu/6gHyq0Q0LX63qEL596au68o4t9oBwIric8zlPb2qaBT+ns/nV/kED4BVjZZryf19RRVXFtLOuhAGq6NaVyZOShgVkSoQDFa1mjEiTWsofhAVFFZvhiEOBXK05Fbno6SgsGr8QZdi2C1CtOR+hpSDFE14tpNvLoBkFcSXbnQI0JK3LN127gaDwYuH7PwKvRis9ravALE6elhfPBqJeH1LFrZHn/0aPXF14NmLevhKzYcqaKwanc0FGSJGl5e7w22fSlsKtjeLD3y8enlEsFgFW9dvGO2+jAGXLHdH+blvvfRTVrf3WrywKXYsCKwaf/JzktGpfCiiwbcneTLHqrZn+kbF1aoOlyz0d0qqiBVov2o87I86yLkQrq/zKgSF5NyZSUvBW0bOpdzfgmZVeHHoDttfw4W+2xrZRnHu9GZhS6GOZr+ouWD2VqDr6u3dBG0YnVH/U7zQd/rD9jucQtneYjz+7YeAvNV4/BKduvJ3jl8BYZUNDEW4jDYajujmyxJD/7EbcSqxkLF939+8Cp3dGf+8v7+f74QH+qzeL6sMLxsB60fECpHFn/Vbw3anDKb98semomkKyqfQWEVLwZIywkJpj4atPmIWgdlI6Hb7CNKo3RFLlVOxvJ9K7PfQWDXKldUOsvBbnU57rc767S9RinX7WpC0qLP6QFkRElRWnykr3PLWqTTfoKHN6q+TIHk5g/CwlabPYPkVxLJChbXsKUp9ZsMag+9EdpryPMfxvPUJo1R0zzMUrATpC2HyndVqdZUdh1RZBVBRIfm/o9ORmd8vUWW127eCI9vrhYlUMzPHkmmyAmnsiexF8kTIJdlnpBToCGBeSGUvdECsilp8MASrriAbe6jkp0yDzYYhNVYQE3tW3jI6i9zLvEWLFewRGMqbL5fLgZhpj1Ji1YA+AsW4k7y1Y0+rrmgB+IrosIKcQotFhRXM9sJfRYMVC2a1T1TqivZNf1IUWLFpViINVvCTVZGIs2LU10ORZsUwKtKsWJ0CIxFmFdC+36+ILKsAeHPhfZFl9YkfKwASUVZsoyLKinFUJFmxjoogK+ZRkWLVYDosJCLDigtUZFixvLDJiAQrTlCRYMVuEyYnAqxYbe3tCDerRsB+VlgLMyterCoSXlbcWFUknKx4Gn+hMLLiavyFwsaqEXAz/62Fi1XjrYqfEcESHlaNoPBpSQwLB6tG7YG/ohKxsGq88TX9paqcFYeevlbVrPglJYr/A2k8Jbv6XaEIAAAAAElFTkSuQmCC'); + background-repeat: no-repeat; + background-size: cover; +} +.hero h1{ + color: white; +} +.about{ + background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pQRw75YJYmjDL-MY0AFqsBwAo_Sf54_uTQcuynP4ClFWTgNThXmPSiyF60zr9UBEXQ&usqp=CAU'); + background-repeat: no-repeat; + background-size: cover; + height:80vh; + } + .aboutcard { + margin: 10px; + border: 1px solid #ccc; + box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); + transition: all 0.3s ease-in-out; + } + .bounty{ + background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQThm-ILOWW3YOrVVMA9kZP2-ch7M3pLUHu7g&usqp=CAU'); + background-repeat: no-repeat; + background-size: cover; + height:80vh; + } + .bounty p{ + color: white; + padding: 5px; + font-size: 24px; + } + + .bounty h1{ + color:white; + text-align: center; + } + .aboutcard:hover { + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); + } + + .aboutcard .aboutcard-title { + font-size: 20px; + font-weight: bold; + margin-bottom: 10px; + } + + .aboutcard .aboutcard-text { + font-size: 16px; + line-height: 1.5; + margin-bottom: 20px; + } + +p{ + font-size: 22px; +} + + + + + +/*---- Main Style ----*/ +#cards_landscape_wrap-2{ + text-align: center; + background: #F7F7F7; +} +#cards_landscape_wrap-2 .container{ + padding-top: 80px; + padding-bottom: 100px; +} +#cards_landscape_wrap-2 a{ + text-decoration: none; + outline: none; +} +#cards_landscape_wrap-2 .card-flyer { + border-radius: 5px; +} +#cards_landscape_wrap-2 .card-flyer .image-box{ + background: #ffffff; + overflow: hidden; + box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50); + border-radius: 5px; +} +#cards_landscape_wrap-2 .card-flyer .image-box img{ + -webkit-transition:all .9s ease; + -moz-transition:all .9s ease; + -o-transition:all .9s ease; + -ms-transition:all .9s ease; + width: 100%; + height: 200px; +} +#cards_landscape_wrap-2 .card-flyer:hover .image-box img{ + opacity: 0.7; + -webkit-transform:scale(1.15); + -moz-transform:scale(1.15); + -ms-transform:scale(1.15); + -o-transform:scale(1.15); + transform:scale(1.15); +} +#cards_landscape_wrap-2 .card-flyer .text-box{ + text-align: center; +} +#cards_landscape_wrap-2 .card-flyer .text-box .text-container{ + padding: 30px 18px; +} +#cards_landscape_wrap-2 .card-flyer{ + background: #FFFFFF; + margin-top: 50px; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -ms-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40); +} +#cards_landscape_wrap-2 .card-flyer:hover{ + background: #fff; + box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50); + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -ms-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + margin-top: 50px; +} +#cards_landscape_wrap-2 .card-flyer .text-box p{ + margin-top: 10px; + margin-bottom: 0px; + padding-bottom: 0px; + font-size: 14px; + letter-spacing: 1px; + color: #000000; +} +#cards_landscape_wrap-2 .card-flyer .text-box h6{ + margin-top: 0px; + margin-bottom: 4px; + font-size: 18px; + font-weight: bold; + text-transform: uppercase; + font-family: 'Roboto Black', sans-serif; + letter-spacing: 1px; + color: #432460; +} + + + +/* ---------------------about page-------------------------- */ + +@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); +#team { + background: #eee !important; +} + +.btn-primary:hover, +.btn-primary:focus { + background-color: #108d6f; + border-color: #108d6f; + box-shadow: none; + outline: none; +} + +.btn-primary { + color: #fff; + background-color: #007b5e; + border-color: #007b5e; +} + +section { + padding: 60px 0; +} + +section .section-title { + text-align: center; + color: #007b5e; + margin-bottom: 50px; + text-transform: uppercase; +} + +#team .card { + border: none; + background: #ffffff; +} + +.image-flip:hover .backside, +.image-flip.hover .backside { + -webkit-transform: rotateY(0deg); + -moz-transform: rotateY(0deg); + -o-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); + border-radius: 0.25rem; +} + +.image-flip:hover .frontside, +.image-flip.hover .frontside { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +.mainflip { + -webkit-transition: 1s; + -webkit-transform-style: preserve-3d; + -ms-transition: 1s; + -moz-transition: 1s; + -moz-transform: perspective(1000px); + -moz-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transition: 1s; + transform-style: preserve-3d; + position: relative; +} + +.frontside { + position: relative; + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + z-index: 2; + margin-bottom: 30px; +} + +.backside { + position: absolute; + top: 0; + left: 0; + background: white; + -webkit-transform: rotateY(-180deg); + -moz-transform: rotateY(-180deg); + -o-transform: rotateY(-180deg); + -ms-transform: rotateY(-180deg); + transform: rotateY(-180deg); + -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); + -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); + box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); +} + +.frontside, +.backside { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: 1s; + -webkit-transform-style: preserve-3d; + -moz-transition: 1s; + -moz-transform-style: preserve-3d; + -o-transition: 1s; + -o-transform-style: preserve-3d; + -ms-transition: 1s; + -ms-transform-style: preserve-3d; + transition: 1s; + transform-style: preserve-3d; +} + +.frontside .card, +.backside .card { + min-height: 312px; +} + +.backside .card a { + font-size: 18px; + color: #007b5e !important; +} + +.frontside .card .card-title, +.backside .card .card-title { + color: #007b5e !important; +} + +.frontside .card .card-body img { + width: 120px; + height: 120px; + border-radius: 50%; +} + + + + + /* Define the animation styles */ +@keyframes fade-in { + from { opacity: 0; } + to { opacity: 1; } +} + + /* Define the CSS class that applies the animation */ +.fade-in { + animation: fade-in 3s; +} + + +.animate { + opacity: 0; + transform: translateY(-100px); + transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; +} + +.animate.animate-active { + opacity: 1; + transform: translateY(0); +} + + + +.right { + opacity: 0; + transform: translateX(50px); + transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; +} + +.right.right-active { + opacity: 1; + transform: translateX(0); +} + +.bounty-page { + /* background-image: url('https://www.silentcircle.com/blog/importance-of-bug-bounty-programs/images/gold-trophy.png'); */ + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.row{ + display: flex; + flex-direction: row; + padding: 30px; +} +.column{ + /* margin: 20px; */ + margin-left: 50px; +} + +.scroll-from-left { + animation: scroll-from-left 1s ease-out; + animation-fill-mode: forwards; + opacity: 0; + transform: translateX(-100%); +} + +@keyframes scroll-from-left { + 0% { + opacity: 0; + transform: translateX(-100%); + } + 100% { + opacity: 1; + transform: translateX(0%); + } +} + +.scroll-from-right { + animation: scroll-from-right 1s ease-out; + animation-fill-mode: forwards; + opacity: 0; + transform: translateX(100%); +} + +@keyframes scroll-from-right { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0%); + } +} + + + +/* ------------------------------------footer section---------------------------- */ + +footer { + background-color: #292875; + color:white; + padding: 50px 0; + } + + footer h3 { + font-size: 24px; + margin-bottom: 20px; + } + + .social-links li { + display: inline-block; + margin-right: 10px; + } + + .social-links a { + display: inline-block; + width: 40px; + height: 40px; + text-align: center; + line-height: 40px; + border-radius: 50%; + background-color: #333; + color: #fff; + transition: all 0.3s ease-in-out; + } + + .social-links a:hover { + background-color: white; + } + + .quick-links li { + /* margin: 10px; */ + /* display: inline-block; */ + list-style-type: none; + + } + + .quick-links a { + color: #333; + transition: all 0.3s ease-in-out; + color: white; + } + + .quick-links a:hover { + color: yellow; + } + .links{ + color: white; + font-size: larger; + font-weight: 400; + list-style-type: none; + } + .links li{ + list-style-type: none; + } + .links li a{ + color:white; + } + .links li a:hover{ + color:yellow; + } \ No newline at end of file From 38be67ca7d3df125fe839ecde7f517759a349344 Mon Sep 17 00:00:00 2001 From: Vinayshreesmk <112698853+Vinayshreesmk@users.noreply.github.com> Date: Tue, 28 Feb 2023 21:12:56 +0530 Subject: [PATCH 2/2] Create install.md --- install.md | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 install.md diff --git a/install.md b/install.md new file mode 100644 index 0000000..5ed213c --- /dev/null +++ b/install.md @@ -0,0 +1,11 @@ +Steps to open the page +1. Clone the repository +2. Change directory to repository named directory +3. Open index.html + +Enjoy. Thank you. + +I like strapi alot as it helps to learn Content Management Concepts. I have installed I am exploring it to connect using Javascript. + +Appreciate for giving the opportunity. +