Jump to content

mindapolis

Members
 View Profile  See their activity

  • Posts

    361

  • Joined

  • Last visited

 Content Type 

Everything posted by mindapolis

  1. mindapolis
    I don't know what happened. I had it included but somehow it got deleted, but it 's back now. Thanks for the extra pair of eyes.
  2. mindapolis
    in the functions.php file
  3. mindapolis
    I could use a fresh set of eyes please. I have been looking at this code and I can't out why the browser won't display anything after the state options. Any help would be much appreciated! <?php error_reporting(-1); ini_set('display_errors', 1); if ($_POST) { $error = array(); if (empty($_POST['fname'])) { $error['fname'] = "<span class='error'>Please enter your first name.</span>"; } if (empty($_POST['lname'])) { $error['lname'] = "<span class='error'>Please enter your last name.</span>"; } if (!count($error)) { //Do something die("Do Something here"); } } ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #contactForm label, #contactForm input { margin-bottom:20px; } </style> <title>Untitled Document</title> </head> <body> <div id="contactForm"> <form method="post"> <label> <label for "fname"> First Name:</label> <input id = "fname" type="text" name="fname" size="15" value ="<?php echo !empty($_POST['fname']) ? $_POST['fname'] : '';?>" > <?php echo !empty($error['fname']) ? $error['fname'] : '';?> <label for "lname">Last Name:</label> <input type="text" name="lname" size="20"><?php echo !empty($error['lname']) ? $error['lname'] : '';?> <label for="orgName">Organization's Name:</label> <input type="text" name="orgName" maxlength="50"> </label><br /> <label> <!--new row --> <label for "address">Street Address: </label> <input id = "address" type="text" name="address" size="15" maxlength="50"> <label id="city">City: </label> <input id = "city" type="text" name="city" size="10" maxlength="25"> <label for "state"> State: </label> <select id = "state" name = "state" value=""> <option value ="Please choose a state"> Please choose a state </option> <?php states($state); ?> </select> <label for "zipcode">Zipcode:</label> <input id = "zipcode" type="number" name="zipcode" size="5" maxlength="5"> </label> <label> <!--new row --> <label for "phone"> Phone Number: <br />(including area code) <br /> </label> <input type="text" name="phone" size="10" maxlength="10"> <label for "fax"> Fax Number: <br />(including area code) <br /> </label> <input type="text" name="fax" size="10" maxlength="10"> </label> <label> <!--new row--> <label for="email">Email: </label> <input type="text" id = "email" name="email" /> <label for="confirmEmail"> Confirm Email:<br /> </label> <input type="text" id = "confirmEmail" name="ConfirmEmail" /> </label> <label> <!--new row --> <label for "projectChoices"> What would you like help with? <br /></label> <table id="projectOptions"> <tr span=2> <td><input type="checkbox" name="SocialMedia">Social Media </td> <td><input type="checkbox" name="WebContentManagement">Web Content Management </td> </tr> <tr> <td><input type="checkbox" name="MarketingMaterials">Marketing Material Creation </td> <td><input type="checkbox" name="SEO">SEO (Search Engine Optimization) </td> </tr> <tr> <td><input type="checkbox" name="VideoEditing"> Video Editing </td> <td><input type="checkbox" name="WebDesign">Web Design </td> </tr> </table> <label for="projectOverview"> Overview about the project:</label><textarea rows="10" cols="5"></textarea> If you are not a robot, what year is it? <input type="text" name="year" size="4" maxlength="4"> <input type="submit" name="submit" value="Contact Me!"> <input type="reset"> </form> </div> </body> </html>
  4. mindapolis
    Yes it works now! I had to clear the cache. Thanks so much for the help!
  5. mindapolis
    Still no go. If I leave the fname field blank and click submit, no error appears saying they need to put their first name.
  6. mindapolis
    I was going to get rid of the tables after I resolve this problem.
  7. mindapolis
    At the top of the page it says POST is not set and under the first name textbox it says Notice: Undefined variable: errors in /web/html/mediaservicesunlimited.com/contactUs.php on line 58 <?php error_reporting(-1); ini_set('display_errors',1); if(isset($_POST['submit'])) { $errors = validate_input(); display_form($errors); }else{ print("<p>POST is not set</p>"); } function validate_input() { if(empty($_POST['fname'])){ $errors['fname'] = "<span class='error'>Please enter your first name.</span>"; } return $errors; } function display_form(array $errors){ if(!empty($errors)){ print("<pre>".print_r($errors,true)."</pre>"); }else{ print("<p>No errors!</p>"); } } //<?php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> <title>Untitled Document</title> </head> <body> <table id="contactForm" border cellspacing="20"> <?php /* $errors=array(); if(isset($_POST['submit'])) { validate_input(); display_form(); function validate_input() { global $errors; if(empty($_POST['fname'])){ $errors['fname'] = "<span class='error'>Please enter your first name.</span>"; } } } ?> <?php validate_input();*/ ?> <form method="post"> <tr> <td class="question" >First Name:<br /> <input type="text" name="fname" size="15" value =<?php //aecho $_POST[fname];?> > <?php echo $errors['fname']; ?></td> <td class="question">Last Name<br /> <input type="text" name="lname" size="20"> </td> <td class="question">Organization's Name:<br /> <input type="text" name="orgName" size="15" maxlength="50"> </td> </tr> <tr> <td class="question">Street Address: <br /> <input type="text" name="address" size="15" maxlength="50"></td> <td class="question">City: <br /> <input type="text" name="city" size="10" maxlength="25"> </td> <td class="question">State: <br /> <select name = "state" value="<?=$state?>"> <option value ="Please choose a state"> Please choose a state</option> <?php states($state); ?> </select> </td> <td class="question">Zipcode:<br /> <input type="number" name="zipcode" size="5" maxlength="5"> </td> </tr> <tr> <td>Phone Number: <br />(including area code) <br /> <input type="text" name="phone" size="10" maxlength="10"></td> <td>Fax Number: <br />(including area code) <br /> <input type="text" name="fax" size="10" maxlength="10"></td> </tr> <tr> <td>Email:<br /> <input type="text" name="email" /></td> <td>Confirm Email:<br /> <input type="text" name="ConfirmEmail" /></td> </tr> <tr> <td>What would you like help with? </td> <td><table id="projectOptions"> <tr span=2> <td><input type="checkbox" name="SocialMedia">Social Media </td> <td><input type="checkbox" name="WebContentManagement">Web Content Management </td> </tr> <tr> <td><input type="checkbox" name="MarketingMaterials">Marketing Material Creation </td> <td><input type="checkbox" name="SEO">SEO (Search Engine Optimization) </td> </tr> <tr> <td><input type="checkbox" name="VideoEditing"> Video Editing </td> <td><input type="checkbox" name="WebDesign">Web Design </td> </tr> </table></td> <tr> <td>Overview about the project: </td> <td><textarea></textarea></td> </tr> <tr> <td>If you are not a robot, what year is it? </td> <td><input type="text" name="year" size="4" maxlength="4"> </tr> <tr> <td><input type="submit" value="Contact Me!"></td> <td><input type="reset"></td> </tr> </form> </table> </body> </html>
  8. mindapolis
    I'm so sorry. I put what you wrote but it 's still not working if the fname field is left blank. <?Php $errors=array(); if(isset($_POST['submit'])) { validate_input(); display_form(); function validate_input() { global $errors; if(empty($_POST['fname'])){ $errors['fname'] = "<span class='error'>Please enter your first name.</span>"; } } } ?>
  9. mindapolis
    so put if empty()($_post['fname']) {
  10. mindapolis
    i deleted the space between the quotes but that didn't solve the problem.
  11. mindapolis
    Hi, on http://mediaservicesunlimited.com/contactUs.php I dont like that the company name, state and zip are so far away from the other text. I thought if I added the colspan to the <tr> in the projectOptions table, that would solve the problem but it didn't. Any suggestions? <?php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> td { margin-bottom:110px; } </style> <title>Untitled Document</title> </head> <body> <table id="contactForm"> <?Php $errors=array(); if(isset($_POST['submit'])) { validate_input(); display_form(); function validate_input() { global $errors; if($_POST["fname"] == " ") { $errors['fname']="<font color ='red'> Please enter your first name </font>"; } } } ?> <form method="post"> <tr> <td class="question" >First Name:<br /> <input type="text" name="fname" size="15" value =<?php echo $_POST[fname];?> > <?php echo $errors['fname']; ?></td> <td class="question">Last Name<br /> <input type="text" name="lname" size="20"> </td> <td class="question">Organization's Name:<br /> <input type="text" name="orgName" size="15" maxlength="50"> </td> </tr> <tr> <td class="question">Street Address: <br /> <input type="text" name="address" size="15" maxlength="50"></td> <td class="question">City: <br /> <input type="text" name="city" size="10" maxlength="25"> </td> <td class="question">State: <br /> <select name = "state" value="<?=$state?>"> <option value ="Please choose a state"> Please choose a state</option> <?php states($state); ?> </select> </td> <td class="question">Zipcode:<br /> <input type="number" name="zipcode" size="5" maxlength="5"> </td> </tr> <tr> <td>Phone Number: <br />(including area code) <br /> <input type="text" name="phone" size="10" maxlength="10"></td> <td>Fax Number: <br />(including area code) <br /> <input type="text" name="fax" size="10" maxlength="10"></td> </tr> <tr> <td>Email:<br /> <input type="text" name="email" /></td> <td>Confirm Email:<br /> <input type="text" name="ConfirmEmail" /></td> </tr> <tr> <td>What would you like help with? </td> <td><table id="projectOptions"> <tr span=2> <td><input type="checkbox" name="SocialMedia">Social Media </td> <td><input type="checkbox" name="WebContentManagement">Web Content Management </td> </tr> <tr> <td><input type="checkbox" name="MarketingMaterials">Marketing Material Creation </td> <td><input type="checkbox" name="SEO">SEO (Search Engine Optimization) </td> </tr> <tr> <td><input type="checkbox" name="VideoEditing"> Video Editing </td> <td><input type="checkbox" name="WebDesign">Web Design </td> </tr> </table></td> <tr> <td>Overview about the project: </td> <td><textarea></textarea></td> </tr> <tr> <td>If you are not a robot, what year is it? </td> <td><input type="text" name="year" size="4" maxlength="4"> </tr> <tr> <td><input type="submit" value="Contact Me!"></td> <td><input type="reset"></td> </tr> </form> </table> </body> </html>
  12. mindapolis
    I thought it was fixed, but if I dont put anything in the fname field and click submit no error message appears. <?php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> td { margin-bottom:110px; } </style> <title>Untitled Document</title> </head> <body> <table id="contactForm"> <?Php $errors=array(); if(isset($_POST['submit'])) { validate_input(); display_form(); function validate_input() { global $errors; if($_POST["fname"] == " ") { $errors['fname']="<font color ='red'> Please enter your first name </font>"; } } } ?> <form method="post"> <tr> <td class="question" >First Name:<br /> <input type="text" name="fname" size="15" value =<?php echo $_POST[fname];?> > <?php echo $errors['fname']; ?></td> <td class="question">Last Name<br /> <input type="text" name="lname" size="20"> </td> <td class="question">Organization's Name:<br /> <input type="text" name="orgName" size="15" maxlength="50"> </td> </tr> <tr> <td class="question">Street Address: <br /> <input type="text" name="address" size="15" maxlength="50"></td> <td class="question">City: <br /> <input type="text" name="city" size="10" maxlength="25"> </td> <td class="question">State: <br /> <select name = "state" value="<?=$state?>"> <option value ="Please choose a state"> Please choose a state</option> <?php states($state); ?> </select> </td> <td class="question">Zipcode:<br /> <input type="number" name="zipcode" size="5" maxlength="5"> </td> </tr> <tr> <td>Phone Number: <br />(including area code) <br /> <input type="text" name="phone" size="10" maxlength="10"></td> <td>Fax Number: <br />(including area code) <br /> <input type="text" name="fax" size="10" maxlength="10"></td> </tr> <tr> <td>Email:<br /> <input type="text" name="email" /></td> <td>Confirm Email:<br /> <input type="text" name="ConfirmEmail" /></td> </tr> <tr> <td>What would you like help with? </td> <td><table id="projectOptions"> <tr> <td><input type="checkbox" name="SocialMedia">Social Media </td> <td><input type="checkbox" name="WebContentManagement">Web Content Management </td> </tr> <tr> <td><input type="checkbox" name="MarketingMaterials">Marketing Material Creation </td> <td><input type="checkbox" name="SEO">SEO (Search Engine Optimization) </td> </tr> <tr> <td><input type="checkbox" name="VideoEditing"> Video Editing </td> <td><input type="checkbox" name="WebDesign">Web Design </td> </tr> </table></td> <tr> <td>Overview about the project: </td> <td><textarea></textarea></td> </tr> <tr> <td>If you are not a robot, what year is it? </td> <td><input type="text" name="year" size="4" maxlength="4"> </tr> <tr> <td><input type="submit" value="Contact Me!"></td> <td><input type="reset"></td> </tr> </form> </table> </body> </html>
  13. mindapolis
    Got it! Thanks for all the help!
  14. mindapolis
    What 's the best way to fix it?
  15. mindapolis
    To be honest, I followed an example from a PHP textbook I had several years ago and that is the structure they used.
  16. mindapolis
    I think I found it but now it says Fatal error: Call to undefined function display_form() in /web/html/mediaservicesunlimited.com/contactUs.php on line 25 sorry for all the questions. like I said it 's been awhile since I have worked with PHP
  17. mindapolis
    I figured that out but now it says Parse error: syntax error, unexpected $end in /web/html/mediaservicesunlimited.com/contactUs.php on line 99
  18. mindapolis
    that fixed one error. Now it says Parse error: syntax error, unexpected '*' in /web/html/mediaservicesunlimited.com/contactUs.php on line 28 I'm having problems seeing what 's in between the quotes
  19. mindapolis
    When I run the page it says Parse error: syntax error, unexpected ';' in /web/html/mediaservicesunlimited.com/contactUs.php on line 25
  20. mindapolis
    Hi, I haven't done PHP in years. Could someone help me figure out why this code won't work please? there seems to be a problem between lines 24-28. <?php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> td { margin-bottom:110px; } </style> <title>Untitled Document</title> </head> <body> <table id="contactForm"> <?Php $errors=array(); if(isset($_POST['submit'])) { validate_input(); if(count($errors) !=0) { display_form(); } else(display_form(); function validate_input() { global $errors; if($_POST["fname"] == * *) { $errors['fname']="<font color ='red'> Please enter your first name </font>"; } ?> <form method="post"> <tr> <td class="question" >First Name:<br /> <input type="text" name="fname" value =<?php echo $_POST[fname];?> size="15"> <?php echo $errors['fname']; ?></td> <td class="question">Last Name<br /> <input type="text" name="lname" required size="20"> </td> <td class="question">Organization's Name:<br /> <input type="text" name="orgName" size="15" maxlength="50"> </td> </tr> <tr> <td class="question">Street Address: <br /> <input type="text" name="address" size="15" maxlength="50"></td> <td class="question">City: <br /> <input type="text" name="city" size="10" maxlength="25"> </td> <td class="question">State: <br /> <select name = "state" value="<?=$state?>"> <option value ="Please choose a state"> Please choose a state</option> <?php states($state) ?> </select> </td> <td class="question">Zipcode:<br /> <input type="number" name="zipcode" size="5" maxlength="5"> </td> </tr> <tr> <td>Phone Number: <br />(including area code) <br /> <input type="text" name="phone" size="10" maxlength="10"></td> <td>Fax Number: <br />(including area code) <br /> <input type="text" name="fax" size="10" maxlength="10"></td> </tr> <tr> <td>Email:<br /> <input type="text" name="email" required ></td> <td>Confirm Email:<br /> <input type="text" name="ConfirmEmail" required ></td> </tr> <tr> <td>What would you like help with? </td> <td><table id="projectOptions"> <tr> <td><input type="checkbox" name="SocialMedia">Social Media </td> <td><input type="checkbox" name="WebContentManagement">Web Content Management </td> </tr> <tr> <td><input type="checkbox" name="MarketingMaterials">Marketing Material Creation </td> <td><input type="checkbox" name="SEO">SEO (Search Engine Optimization) </td> </tr> <tr> <td><input type="checkbox" name="VideoEditing"> Video Editing </td> <td><input type="checkbox" name="WebDesign">Web Design </td> </tr> </table></td> <tr> <td>Overview about the project: </td> <td><textarea></textarea></td> </tr> <tr> <td>If you are not a robot, what year is it? </td> <td><input type="text" name="year" size="4" maxlength="4"> </tr> <tr> <td><input type="submit" name="Contact Me!"></td> <td><input type="reset"></td> </tr> </form> </table> </body> </html>
  21. mindapolis
    oh I'm 'so sorry. Been a long day
  22. mindapolis
    fd? What 's that?
  23. mindapolis
    Hi, I have nested tables and I forget how to put the projectOptions table to the right and of the question and put the rest of the questions below it. Any help would be appreciated. <?php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> <title>Untitled Document</title> </head> <body> <table id="contactForm"> <form> <tr> <td class="question">First Name:<br /> <input type="text" name="fname" size="15"> </td> <td class="question">Last Name<br /> <input type="text" name="lname" size="20"> </td> <td class="question">Organization's Name:<br /> <input type="text" name="orgName" size="15" maxlength="50"> </td> </tr> <tr> <td class="question">Street Address: <input type="text" name="address" size="15" maxlength="50"></td> <td class="question">City: <br /> <input type="text" name="city" size="10" maxlength="25"> </td> <td class="question">State: <br /> <select name = "state" value="<?=$state?>"> <option value ="Please choose a state"> Please choose a state</option> <?php states($state) ?> </select> </td> <td class="question">Zipcode:<br /> <input type="number" name="zipcode" size="5" maxlength="5"> </td> </tr> <tr> <td>Phone Number: <br />(including area code) <br /> <input type="text" name="phone" size="10" maxlength="10"></td> <td>Fax Number: <br />(including area code) <br /> <input type="text" name="fax" size="10" maxlength="10"></td> </tr> <tr> <td>Email:<br /> <input type="text" name="email"></td> <td>Confirm Email:<br /> <input type="text" name="ConfirmEmail"></td> </tr> <tr> <td>What would you like help with? </td> <table id="projectOptions"> <tr> <td><input type="checkbox">Social Media </td> <td><input type="checkbox">Web Content Management </td> </tr> <tr> <td><input type="checkbox">Marketing Material Creation </td> <td><input type="checkbox">SEO (Search Engine Optimization) </td> </tr> <tr> <td><input type="checkbox"> Video Editing </td> <td><input type="checkbox">Web Design </td> </tr> </table> <tr> <td>Overview about the project: </td> <td><textarea></textarea></td> </tr> <tr> <td>If you are not a robot, what year is it? </td> <td><input type="text" name="year" size="4" maxlength="4"> </tr> <tr> <td><input type="submit"></td> <td><input type="reset"></td> </tr> </form> </table> </body> </html>
  24. mindapolis
    I got it working in firefox but not in IE. Can I have some help please? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="http://www.linkbuildingservices4sites.com/resources/slide-show.js"></script> <style type="text/css"> .flip3D { background-color: #99cc99; width:320px; height:200px; float:left; margin-right:10PX; border-radius:35px; } .flip3D > .front { position:absolute; -webkit-transform:perspective(600px) rotateY( 0deg ); background-color: #99cc99; height:200px; width:320px; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; transition: transform .5s linear 0s; transition: -webkit-transform .5s linear 0s; transition: -MS-transform .5s linear 0s; transition: -O-transform .5s linear 0s; } .flip3D > .back { position:absolute; -webkit-transform:perspective(600px) rotateY( 180deg ); background-color: #99cc99; height:200px; width:320px; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; transition: transform .5s linear 0s; transition: -webkit-transform .5s linear 0s; transition: -ms-transform .5s linear 0s; transition: -o-transform .5s linear 0s; } .flip3D:hover > .front { -webkit-transform:perspective( 600px ) rotateY( -180deg ); -ms-transform:perspective( 600px ) rotateY( -180deg ); -o-transform:perspective( 600px ) rotateY( -180deg ); } .flip3D:hover > .back { -webkit-transform:perspective( 600px ) rotateY( 0deg ); -ms-transform:perspective( 600px ) rotateY( 0deg ); -o-transform:perspective( 600px ) rotateY( 0deg ); } li { list-style:none; } #portfolio { clear:both; } .quotes { -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; } .quotes.fade-out { opacity:0; } .quotes.fade-in { opacity:1; } </style> <link href="MSU.css" rel="stylesheet" type="text/css"> <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css"> <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css"> <link href="jQueryAssets/jquery.ui.button.min.css" rel="stylesheet" type="text/css"> <link href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css"> <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--> <script src="jQueryAssets/jquery-1.11.1.min.js" type="text/javascript"></script> <script src="jQueryAssets/jquery.ui-1.10.4.button.min.js" type="text/javascript"></script> <script src="jQueryAssets/jquery.ui-1.10.4.tabs.min.js" type="text/javascript"></script> <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/bad-script:n4:default;arbutus:n4:default;allan:n7:default.js" type="text/javascript"></script> <script type="text/javascript"> function fade(btnElement) { if (btnElement.value === "Fade Out") { document.getElementById("myImg").className = "fade-out"; btnElement.value = "Fade In"; } else { document.getElementById("myImg").className = "fade-in"; btnElement.value = "Fade Out"; } } </script> </head> <body> <header> <img src="assets/logo.png" width="274" height="103" alt=""/><br /> <span id="catchPhrase">Meeting All Your Marketing Needs. . .</span> <p> </p> <nav> <p> </p> <p><a href="test1.html" tabindex="1" accesskey="H">Home</a> <a href="services.htm" tabindex="2" accesskey="S">Services</a> <a href="contact.php" tabindex="3" accesskey="C">Contact Us</a></p> </nav> </header> <section> Running a business, of any size, is rough, but it's especially rough for small businesses. as an owner of a small business, you wear so many hats! You are the salesperson, the producer of the product, and sometime you have to do all the marketing work. Wouldn't it be nice if there was a way to hand the marketing tasks to someone else, and not have to hire a full-time marketing staff? Well, fortunately there is! Media Services Unlimited is a full-service marketing company specifically geared towards small businesses. We handle all the marketing tasks, so you can focus on producing high-quality products and your customers! </section> <aside> <h2 class="quotes">first quote</h2> <h2 class="quotes">second quote</h2> </aside> <div id = "portfolio"> <div class ="flip3D"> <div class ="front"> Website Portfolio </div> <div class ="back"> <ul> <li>Website Design </li> <li>Content Management </li> <li>SEO</li> </ul> </div> </div> <div class ="flip3D"> <div class ="front"> Marketing Portfolio </div> <div class ="back"> <ul> <li>Marketing Material Creation </li> <li>Social Media Management </li> <li>Creative Writing </li> <li>Video Editing </li> </ul> </div> </div> </div> </body> </html>
  25. mindapolis
    I want marketing portfolio or website portfolio on the front the lists on the back. <!DOCTYPE html> <html> <head> <style type="text/css"> .flip3D { width:240px; height:200px; float:left; } .flip3D > .front { position:absolute; transform:perspective(600px) rotateY( 0deg ); background-color:pink; height:200px; width:200px; backface-visibility:hidden; transition: transform .5s linear 0s; } .flip > .back { position:absolute; transform:perspective(600px) rotateY( 180deg ); background-color:#823284; height:200px; width:100px; backface-visibility:hidden; transition: transform .5s linear 0s; } .flip3D:hover > .front { transform:perspective( 600px ) rotateY( -180deg ); } .flip3D:hover > .back { transform:perspective( 600px ) rotateY( 0deg ); } </style> </head> <body> <div class ="flip3D"> <div class ="back"> Website Portfolio </div> <div class ="front"> <ul> <li>Website Design </li> <li>Content Management </li> <li>SEO</li> </ul> </div> </div> <div class ="flip3D"> <div class ="back"> Marketing Portfolio </div> <div class ="front"> <ul> <li>Marketing Material Creation </li> <li>Social Media Management </li> <li>Creative Writing </li> <li>Video Editing </li> </ul> </div> </div> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.