| Both sides previous revision Previous revision Next revision | Previous revision |
| yiler-button-test [2023/06/04 19:36] – yiler.huang | yiler-button-test [2023/06/04 20:00] (current) – yiler.huang |
|---|
| </style> | </style> |
| |
| <div onclick="redirectPage('http://stackoverflow.com')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/2023light/doku.php?id=light')" class="button"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay2"></div> | <div class="overlay2"></div> |
| <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-light.jpg"> | <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-light.jpg"> |
| </div> | </div> |
| <div onclick="redirectPage('http://stackoverflow.com')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/2023light/doku.php?id=perception')" class="button"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay2"></div> | <div class="overlay2"></div> |
| <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-perception.jpg"> | <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-perception.jpg"> |
| </div> | </div> |
| <div onclick="redirectPage('http://stackoverflow.com')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/2023light/doku.php?id=reality')" class="button"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay2"></div> | <div class="overlay2"></div> |
| </div> | </div> |
| </div> | </div> |
| <div onclick="redirectPage('http://stackoverflow.com')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/2023light/doku.php?id=about-students')" class="button"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay2"></div> | <div class="overlay2"></div> |
| <h1 class="title">Our students</h1> | <h1 class="title">Our Students</h1> |
| <p class="description">This education program currently involves a small group of students. Each is unique and talented in their own way, with different strengths and contributions to our team. We are incredibly proud of the growth that each has made and see their potential to become great achievers in varying fields in the future.</p> | <p class="description">This education program currently involves a small group of students. Each is unique and talented in their own way, with different strengths and contributions to our team. We are incredibly proud of the growth that each has made and see their potential to become great achievers in varying fields in the future.</p> |
| <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-placeholder.png"> | <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-placeholder.png"> |
| </div> | </div> |
| </div> | </div> |
| <div onclick="redirectPage('http://stackoverflow.com')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/2023light/doku.php?id=about-website')" class="button"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay2"></div> | <div class="overlay2"></div> |
| <h1 class="title">This website</h1> | <h1 class="title">This Website</h1> |
| <p class="description">What is “real”, what is “reality”? How can we be sure that we see the world as it really is, and afterwards are making decisions and conducting actions based on logical thinking and reliable facts? The main topic of this period deals with reality, light, perception, and shaping behavior through shaping perception.</p> | <p class="description">What is “real”, what is “reality”? How can we be sure that we see the world as it really is, and afterwards are making decisions and conducting actions based on logical thinking and reliable facts? The main topic of this period deals with reality, light, perception, and shaping behavior through shaping perception.</p> |
| <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-placeholder.png"> | <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-placeholder.png"> |
| </div> | </div> |
| </div> | </div> |
| <div onclick="redirectPage('http://stackoverflow.com')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/2023light/doku.php?id=photos-art')" class="button"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay2"></div> | <div class="overlay2"></div> |
| <h1 class="title">Art photography</h1> | <h1 class="title">Art Photography</h1> |
| <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> | <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> |
| <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-art-photography.jpg"> | <img class="image" src="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=button-art-photography.jpg"> |