I would like a clean structure for a landing page (or "one page" site with anchor-linked menu) that allows separate blocks to be created to include ready-made elements (gallery, forms, videos etc) with simple classes for divs that practical definition of their behavior (position, proportion and whether or not it appears in the devices). Example:
<div class = "2rows fixedthis bgsunrise">
With the following classes / ids etc:
* Types of sessions *
Each block (session) could be something like:
FULL - Occupying all screen space with an img bg parallax or bg color, for example.
BOX - With more centralized elements, fixed or non-fixed heights, lateral paddings and bg color.
The behavior of each session must be set directly in the HTML, FULL or BOX itself. Example:
<section class = "full parallaxsmall bgsunrise">
Here the session would have a behavior of parallax (of various behaviors and possible imgs, defined in the css) for its bg (bgsunrise) and could create or not a content on them.
<section class = "box bgblue fixed1">
Here would have a fixed height (defined in css or appended by internal elements) and paddings defined by me for this class (fixed1) in css.
* Up to 5 columns *
I need a simple option to split or not, each session in columns and / or rows, for example:
<section class = "full col4">
<div 2col> </ div>
<div 2col> <div 2row> </ div> </ div>
* Menu or bars *
Set an element such as MENU or floating BAR. Fixed at top and bottom.
With or without fold transition Example:
Bar1 - top, white logo, 3btns and height: 12rem
Bar 1 - 1st roll, top, black logo, sandwich menu and height: 8rem
Bar1 mobile and tablet - skirting board, sandwich and height: 12rem
* Floating element *
- A div that can be fixed on the content, accompanying the scrolling, in 6 positions on the screen (topleft, downleft, centertop, centerdown, righttop and rightdown).
- A div that can be inside a loose session, in 6 positions on the screen.
- Both with color of bg, internal alignment of the elements, with or without padding and where appears too.
* Animations *
Connection / integration (classes and css framework compatible) with a good animation library, to be used on any element.
As external elements are used, it is necessary that this structure be designed in such a way as to "neutralize" to the maximum the influence of the elements of each session, divs etc in the rest of the structure.
I'm kind of rusty, I've worked on building pages for a few years ... So if there's any inconsistency or smarter forms or even additional items that might be interesting, I'm totally open to suggestions.
Ps .: Oh, and if there is any solution next to it already available on the internet that you know ... Be sure to let me know, please ;¬)
Thank you very much for your attention!
34 freelancerów złożyło ofertę na kwotę $222 do tego projektu
Hi, I read your project detail.I will deliver you songle page paralax scroling website as per your [login to view URL] simply have to provide me text,logo,videos ,inages,lust of navigatons thats all. Thanks Gautam
Hello sir how are you ? i am able to do this work please come on chat so we can discuss about it i can able to do this work looking forward with your response thanks