Three Heading Solutions

Developer
Size
11,415 Kb
Views
10,120

How do I make an three heading solutions?

Working out three solutions needed for art direction.A liquid large title. A static text version. A SVG Replacement.. What is a three heading solutions? How do you make a three heading solutions? This script and codes were developed by James Nowland on 31 October 2022, Monday.

Three Heading Solutions Previews

Three Heading Solutions - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Three Heading Solutions</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="Container"> <div class="Feature"> <h1 class="heading-1 js-singleLine" id="fittext">A Simple Post</h1> </div> <div class="Copy"> <p>Pellentesque habitant morbix tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> </div> <div class="Feature"> <h1 class="heading-1" id="simple-heading"> A longer title that isn't fluid. </h1> </div> <div class="Copy"> <p>Pellentesque habitant morbix tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> </div> <div class="Feature" id="svg-heading"> <h1 class="headingReplace svgHolder"> <span class="u-hiddenText">A Simple Post</span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 675 169.698"><g>	<path d="M303.59,14.185c0.712,0.614,1.548,1.093,2.506,1.437c0.958,0.344,1.953,0.516,2.984,0.516c1.031,0,1.964-0.19,2.8-0.571	c0.835-0.38,1.608-0.872,2.321-1.474c0.712-0.602,1.351-1.283,1.916-2.045c0.564-0.761,1.043-1.522,1.437-2.284	c0.393-0.761,0.693-1.498,0.902-2.21c0.208-0.712,0.313-1.504,0.313-2.376c0-0.872-0.369-1.726-1.105-2.561	c-0.369-0.417-0.842-0.755-1.418-1.013c-0.578-0.258-1.443-0.387-2.598-0.387c-1.155,0-2.628,0.271-4.421,0.811	c-5.305,1.547-7.958,3.905-7.958,7.074C301.27,11.164,302.043,12.858,303.59,14.185z"/>	<path d="M435.825,31.465c-0.859,0-1.941,0.492-3.242,1.474l-12.158,9.469l-5.895,4.827c2.307-5.527,3.463-9.702,3.463-12.527	c0-1.228-0.529-2.432-1.584-3.611c-1.057-1.179-2.113-1.768-3.17-1.768c-2.039,0-3.992,0.847-5.857,2.542l-2.615,2.284	c-1.156,1.032-2.469,1.929-3.943,2.69l-7.994,4.237c-1.746,0.884-3.072,1.327-3.98,1.327c-1.303,0-1.953-0.405-1.953-1.216	s0.578-1.769,1.732-2.874s2.48-2.186,3.979-3.242c1.498-1.056,3.076-2.026,4.734-2.911s3.414-1.695,5.27-2.432	c1.854-0.737,3.549-1.375,5.084-1.916c1.535-0.54,2.506-1.099,2.91-1.676c0.406-0.577,0.609-1.406,0.609-2.487	c0-1.572-0.799-2.358-2.395-2.358c-4.84,0-10.748,1.29-17.723,3.869c-7.246,2.653-12.848,5.772-16.801,9.358	c-0.023,0.021-0.043,0.044-0.065,0.065c-4.654,3.771-8.485,5.682-11.468,5.682c-1.302,0-1.952-1.117-1.952-3.353	c0-0.54,0.036-1.105,0.11-1.695l0.147-1.732c0.073-0.564,0.142-1.093,0.202-1.584c0.062-0.491,0.092-0.909,0.092-1.253	c0-1.056-0.749-2.296-2.247-3.721c-0.811-0.786-1.707-1.179-2.689-1.179c-1.843,0-4.716,1.277-8.622,3.832l-3.389,2.358	l-6.779,5.048c-1.105,0.835-1.94,1.252-2.505,1.252c-0.516,0-0.847-0.368-0.995-1.105c-0.025-0.196,0.355-1.043,1.142-2.542	l1.105-2.174c1.596-3.07,2.395-5.281,2.395-6.632c0-2.211-1.683-3.316-5.047-3.316c-1.842,0-3.562,0.381-5.158,1.142	c-3.145,1.449-5.797,4.053-7.958,7.811c-0.233,0.401-0.44,0.819-0.657,1.23c-0.064,0.046-0.125,0.085-0.191,0.133l-6.743,5.269	c-1.204,0.909-2.426,1.793-3.666,2.653s-2.456,1.621-3.647,2.284s-2.346,1.192-3.463,1.584c-1.118,0.393-2.088,0.589-2.911,0.589	c-0.823,0-1.824-0.417-3.003-1.253c-1.252-0.884-1.879-1.744-1.879-2.579c0.761-0.687,1.781-1.805,3.058-3.353	c0.663-0.811,1.357-1.713,2.082-2.708c0.725-0.995,1.388-2.014,1.99-3.058c0.602-1.044,1.093-2.087,1.474-3.132	c0.381-1.043,0.571-1.971,0.571-2.782s-0.037-1.522-0.11-2.137c-0.246-2.014-2.162-3.021-5.748-3.021	c-2.505,0-5.22,1.093-8.143,3.279c-2.923,2.187-5.33,4.888-7.221,8.105c-0.078,0.135-0.145,0.27-0.22,0.405c0,0,0,0-0.001,0	l-0.995,0.848c-5.109,4.323-9.26,6.484-12.453,6.484c-1.302,0-1.953-1.117-1.953-3.353c0-0.54,0.037-1.105,0.11-1.695l0.147-1.732	c0.074-0.564,0.141-1.093,0.203-1.584c0.061-0.491,0.092-0.909,0.092-1.253c0-1.056-0.75-2.296-2.248-3.721	c-0.811-0.786-1.707-1.179-2.689-1.179c-1.842,0-4.716,1.277-8.622,3.832l-3.39,2.358l-6.779,5.048	c-1.105,0.835-1.94,1.252-2.505,1.252c-0.516,0-0.847-0.368-0.995-1.105c-0.025-0.196,0.355-1.043,1.142-2.542l1.105-2.174	c1.596-3.07,2.395-5.281,2.395-6.632c0-2.211-1.683-3.316-5.047-3.316c-1.842,0-3.562,0.381-5.158,1.142	c-3.145,1.449-5.797,4.053-7.958,7.811c-0.322,0.554-0.616,1.124-0.906,1.696c-0.208,0.14-0.419,0.284-0.642,0.44l-3.058,2.174	c-1.13,0.835-3.378,2.358-6.743,4.569c-1.229,0.786-2.321,1.455-3.279,2.008s-1.763,0.971-2.413,1.253	c-0.651,0.283-1.234,0.423-1.75,0.423c-0.516,0-0.995-0.178-1.437-0.534c-0.442-0.355-0.663-0.767-0.663-1.234	c0-0.466,0.872-1.596,2.616-3.39l2.432-2.432c3.365-3.266,5.048-5.661,5.048-7.185c0-1.474-0.516-2.824-1.547-4.053	c-0.467-0.54-1.001-0.977-1.603-1.308c-0.602-0.332-1.136-0.497-1.603-0.497c-0.467,0-1.105,0.037-1.916,0.11l-5.232,0.368	c-0.835,0.074-1.449,0.111-1.842,0.111s-0.786-0.307-1.179-0.921l-0.516-0.811c-0.737-1.179-2.149-1.769-4.237-1.769	c-2.358,0-5.183,1.13-8.474,3.39c-3.071,2.088-5.76,4.569-8.069,7.443c-1.949,2.432-3.087,4.529-3.442,6.303	c-0.841,0.647-1.653,1.243-2.435,1.785c-0.798,0.552-1.529,1.007-2.192,1.363c-0.664,0.356-1.173,0.535-1.529,0.535	c-0.356,0-0.755-0.602-1.197-1.806c-0.197-0.516-0.393-1.099-0.589-1.75c-0.197-0.65-0.405-1.295-0.626-1.935	c-0.884-2.382-2.678-3.574-5.379-3.574c-3.193,0-7.16,1.425-11.9,4.274l-3.058,1.806c-4.667,2.751-7.64,4.126-8.917,4.126	c-1.302,0-1.953-0.405-1.953-1.216s0.454-1.646,1.363-2.505c3.193-3.095,8.228-6.08,15.106-8.953l4.643-1.99	c1.301-0.565,2.161-1.118,2.579-1.658c0.417-0.54,0.626-1.351,0.626-2.432c0-1.572-0.798-2.358-2.395-2.358	c-4.716,0-10.906,1.437-18.57,4.311c-8.105,3.071-14.038,6.448-17.795,10.132c-0.287,0.281-0.55,0.568-0.805,0.858	c-1.418,1.026-2.923,2.042-4.538,3.047c-1.572,0.983-3.126,1.886-4.661,2.708c-1.536,0.823-2.979,1.529-4.329,2.118	c-1.351,0.59-2.561,1.044-3.629,1.363c-1.068,0.32-2.272,0.479-3.611,0.479s-2.782-0.405-4.329-1.216	c5.011-2.137,8.744-4.065,11.201-5.785l1.327-0.884c0.638-0.417,1.351-0.933,2.137-1.547c4.937-3.782,7.406-7.233,7.406-10.353	c0-1.99-0.811-3.574-2.432-4.753c-1.523-1.081-3.39-1.621-5.601-1.621c-2.726,0-6.055,0.663-9.984,1.989	c-6.46,2.187-12.073,5.269-16.838,9.248c-3.373,2.818-5.71,5.733-7.025,8.743c-0.307-0.072-0.635-0.122-1.007-0.122	c-1.13,0-2.297,0.651-3.5,1.953c-0.614,0.663-1.302,1.216-2.063,1.658c-2.407,1.4-4.471,2.1-6.189,2.1	c-3.267,0-8.155-1.228-14.664-3.685l-5.232-1.916c1.302-1.695,6.423-7.896,15.364-18.606c2.898-1.351,5.366-3.132,7.405-5.343	c1.965-2.161,2.948-4.126,2.948-5.895c0-1.326-1.081-2.603-3.242-3.832c-0.86-0.491-1.713-0.878-2.561-1.161	c-0.847-0.282-1.75-0.424-2.708-0.424c-0.958,0-2.284,0.283-3.979,0.848s-3.574,1.769-5.637,3.61l-3.058,2.727	c-1.056,0.934-2.187,1.879-3.39,2.837c-1.204,0.958-2.537,1.837-3.998,2.635c-1.461,0.798-3.384,1.369-5.766,1.713	c-0.982,0.147-1.916,0.246-2.8,0.295c-0.884,0.049-1.597,0.074-2.137,0.074c-0.541,0-1.266-0.061-2.174-0.184	c-3.955-0.59-6.73-1.461-8.327-2.616c-0.442-0.196-0.866-0.294-1.271-0.294s-0.755,0.049-1.05,0.147	c-1.007,0.344-1.413,1.266-1.216,2.764c0.491,2.874,2.296,5.121,5.416,6.742c1.375,0.713,2.849,1.241,4.421,1.584	c1.572,0.344,3.542,0.516,5.914,0.516c2.37,0,5.41-0.294,9.119-0.884c-0.516,1.499-2.923,4.864-7.221,10.096	c-1.253-0.172-2.426-0.258-3.519-0.258c-1.093,0-2.376,0.258-3.851,0.774c-4.151,1.425-7.934,3.992-11.348,7.7	c-1.966,2.162-2.948,3.869-2.948,5.122c0,2.162,0.356,3.758,1.068,4.79c0.442,0.614,1.081,1.111,1.916,1.492	c0.835,0.381,1.99,0.571,3.463,0.571s2.874-0.099,4.2-0.295c3.66-0.589,7.062-2.235,10.206-4.937	c1.571,0.369,3.242,0.811,5.011,1.326l13.595,4.016c3.807,1.154,6.595,1.732,8.364,1.732c2.677,0,5.502-1.032,8.474-3.095	c1.302-0.933,2.524-1.983,3.666-3.15c1.142-1.167,2.149-2.333,3.021-3.5c0.19-0.254,0.369-0.505,0.544-0.754	c0.717,2.005,2.175,3.79,4.411,5.342c3.144,2.187,6.816,3.279,11.017,3.279c5.502,0,11.188-1.203,17.059-3.61	c2.653-1.081,5.158-2.296,7.516-3.648c1.076-0.616,2.104-1.235,3.095-1.856c0.538,1.75,1.439,3.366,2.727,4.84	c2.309,2.678,5.195,4.016,8.658,4.016c2.702,0,6.755-1.474,12.159-4.421l4.532-2.579l7.848-4.826l0.884,3.205	c0.737,2.678,1.731,4.618,2.984,5.822c1.522,1.425,4.028,1.486,7.516,0.184c5.195-1.951,10.709-5.739,16.534-11.316	c1.299-0.865,2.975-2.227,5.057-4.122l3.61-3.316c1.449-1.277,2.395-1.916,2.837-1.916c1.032,0,1.812,0.062,2.34,0.185	c0.528,0.123,0.792,0.418,0.792,0.884c0,0.294-0.737,1.216-2.21,2.763c-1.745,1.793-3.255,3.856-4.532,6.19	c-0.639,1.179-1.155,2.364-1.547,3.555c-0.394,1.192-0.59,2.303-0.59,3.334s0.184,1.965,0.553,2.8	c1.179,2.776,4.458,4.164,9.837,4.164c3.685,0,7.725-1.069,12.122-3.206c1.94-0.933,3.782-1.983,5.527-3.15	c1.744-1.166,3.334-2.321,4.771-3.463c0.31-0.247,0.607-0.488,0.9-0.727c-0.086,1.161-0.145,2.336-0.145,3.546	c0,1.302,0.663,2.579,1.989,3.832c0.639,0.565,1.382,1.032,2.229,1.4c0.847,0.368,1.713,0.552,2.597,0.552s2.591-0.786,5.122-2.358	c1.056-0.663,5.097-3.328,12.122-7.995c1.327-0.859,2.536-1.59,3.629-2.192c1.092-0.602,2.038-1.031,2.837-1.29	c0.798-0.258,1.332-0.276,1.603-0.055c0.27,0.221,0.528,1.314,0.774,3.279c0.098,0.811,0.258,1.658,0.479,2.542	c0.786,3.415,2.714,5.122,5.784,5.122c4.397,0,9.371-1.744,14.922-5.232c1.364-0.853,2.636-1.722,3.834-2.603	c0.613,2.639,2.082,5.091,4.419,7.356c1.424,1.376,3.052,2.475,4.882,3.297c1.83,0.823,3.598,1.234,5.306,1.234	c1.707,0,3.445-0.289,5.213-0.866s3.586-1.351,5.453-2.321c1.866-0.97,3.74-2.1,5.619-3.39c1.857-1.274,3.647-2.616,5.372-4.022	c-0.094,1.213-0.158,2.442-0.158,3.709c0,1.302,0.663,2.579,1.989,3.832c0.639,0.565,1.382,1.032,2.229,1.4	c0.847,0.368,1.713,0.552,2.597,0.552s2.591-0.786,5.122-2.358c1.056-0.663,5.097-3.328,12.122-7.995	c1.327-0.859,2.536-1.59,3.629-2.192c1.092-0.602,2.038-1.031,2.837-1.29c0.798-0.258,1.332-0.276,1.603-0.055	c0.27,0.221,0.527,1.314,0.773,3.279c0.098,0.811,0.258,1.658,0.479,2.542c0.786,3.415,2.714,5.122,5.784,5.122	c4.396,0,9.371-1.744,14.922-5.232c0.427-0.267,0.835-0.537,1.245-0.806c0.545,1.573,1.389,3.036,2.55,4.38	c1.057,1.204,2.322,2.174,3.795,2.911c1.475,0.737,3.096,1.105,4.863,1.105c1.77,0,3.992-0.602,6.67-1.805	c5.354-2.382,10.402-5.662,15.143-9.837c-1.031,3.513-2.26,6.779-3.684,9.8l-3.611,2.616c-1.449,1.032-3.895,2.911-7.332,5.637	c-1.303,1.081-2.531,2.198-3.686,3.353c-1.154,1.154-2.186,2.321-3.094,3.5c-0.91,1.179-1.635,2.352-2.174,3.519	c-0.541,1.166-0.811,2.253-0.811,3.261c0,1.081,0.479,2.026,1.438,2.837c1.055,0.933,2.418,1.4,4.088,1.4	c3.709,0,7.738-1.719,12.086-5.158c2.996-2.358,6.115-6.153,9.357-11.385c0.787-0.713,1.855-1.609,3.207-2.689l20.41-15.475	c2.014-1.597,3.586-3.083,4.717-4.458c2.406-2.898,3.611-5.269,3.611-7.111C438.625,32.362,437.692,31.465,435.825,31.465z M56.845,22.364l0.258-0.074c-0.172,0.124-0.283,0.197-0.332,0.221C56.722,22.537,56.747,22.488,56.845,22.364z M94.058,38.944	l-2.026,1.032c-0.172-0.614-0.258-1.486-0.258-2.616c0-1.129,0.65-2.468,1.953-4.016c0.565-0.687,1.222-1.332,1.971-1.934	c0.749-0.602,1.529-1.118,2.339-1.547s1.615-0.768,2.414-1.013c0.798-0.246,1.529-0.369,2.192-0.369	c0.663,0,1.289,0.344,1.879,1.032c0.245,0.271,0.442,0.577,0.589,0.921c0.147,0.344,0.221,0.645,0.221,0.903	s-0.344,0.718-1.032,1.382c-0.688,0.663-3.513,2.419-8.474,5.269C95.311,38.281,94.721,38.601,94.058,38.944z"/>	<path d="M652.69,30.728c-0.467-0.442-1.068-0.663-1.807-0.663c-1.08,0-2.713,0.847-4.9,2.542c-0.662,0.541-1.314,1.087-1.951,1.64	c-0.641,0.553-1.328,1.1-2.064,1.64c-0.736,0.541-1.473,1.007-2.211,1.4c-0.736,0.393-1.332,0.59-1.787,0.59	c-0.453,0-0.805-0.086-1.049-0.258c-0.836-0.54-1.254-1.191-1.254-1.953c1.229-2.333,1.844-4.569,1.844-6.706	c0-3.365-1.658-5.048-4.975-5.048c-1.818,0-3.746,0.835-5.785,2.505c-0.908,0.762-1.756,1.609-2.541,2.542	c-0.787,0.934-1.475,1.867-2.064,2.8c-0.59,0.934-1.049,1.818-1.381,2.653s-0.498,1.597-0.498,2.284	c0,0.688,0.086,1.363,0.258,2.026c-4.471,4.348-7.578,6.521-9.32,6.521c-2.311,0-3.465-0.945-3.465-2.837	c0-2.137,1.377-5.354,4.127-9.653l3.537-5.526c0.418-0.664,0.627-1.173,0.627-1.529c0-0.356-0.16-0.73-0.479-1.124	c-0.936-1.204-2.703-1.806-5.307-1.806c-3.094,0-5.92,1.376-8.475,4.126c-2.283,2.457-3.941,5.429-4.973,8.917	c-4.986,4.618-8.646,6.927-10.98,6.927c-1.498,0-2.248-0.565-2.248-1.695c0-1.547,0.725-3.377,2.174-5.49	c0.615-0.909,1.291-1.806,2.027-2.69s1.621-2.038,2.652-3.463c1.031-1.424,1.547-2.763,1.547-4.016	c0-1.449-0.662-2.505-1.988-3.169c-0.566-0.294-1.191-0.497-1.879-0.608c-0.689-0.11-1.641-0.166-2.855-0.166	c-1.217,0-2.684,0.332-4.404,0.995c-5.111,1.947-9.108,5.757-12.001,11.419c-2.468,1.42-4.489,2.14-6.052,2.14	c-2.26,0-3.391-0.663-3.391-1.989c0-0.344,0.074-0.712,0.223-1.105c0.146-0.393,0.221-0.945,0.221-1.658	c0-2.407-0.787-4.384-2.359-5.932c-0.662-0.688-1.688-1.369-3.076-2.045c-1.387-0.675-2.965-1.013-4.734-1.013	c-3.955,0-8.4,0.773-13.338,2.321c-2.334,0.737-4.943,1.781-7.828,3.131c-2.589,1.212-5.262,2.932-8.019,5.151	c-0.32,0.198-0.703,0.438-1.155,0.726c-0.947,0.602-4.428,3.47-10.445,8.603c-0.836,0.688-1.543,1.253-2.119,1.695	c-0.578,0.442-0.934,0.663-1.068,0.663s-0.301-0.466-0.498-1.4c-1.08-5.649-2.297-9.898-3.646-12.748	c-1.549-3.316-3.316-4.974-5.307-4.974c-3.07,0-6.301,1.462-9.689,4.384l-3.205,2.764c-1.277,1.081-2.322,1.621-3.133,1.621	c-0.662,0-0.994-0.442-0.994-1.327c0-2.112,1.805-5.882,5.416-11.311l2.764-4.016c0.883-1.252,1.859-2.523,2.928-3.813	c1.07-1.29,2.07-2.561,3.004-3.813c0.934-1.253,1.719-2.462,2.357-3.629c0.639-1.166,0.959-2.119,0.959-2.855	s-0.088-1.29-0.258-1.658C495.856,0.589,494.983,0,493.78,0c-5.33,0-11.961,5.183-19.895,15.548l-3.279,4.348	c-2.777,3.783-5.098,8.352-6.965,13.706c-0.859,2.505-1.533,5.011-2.025,7.516s-0.736,4.624-0.736,6.355	c0,1.732,0.098,3.163,0.293,4.292c0.664,3.783,2.861,5.674,6.596,5.674c3.119,0,6.754-1.449,10.906-4.348	c2.062-1.424,4.617-3.684,7.664-6.779l2.727-2.763c0.736-0.737,1.221-1.105,1.455-1.105c0.232,0,0.424,0.381,0.57,1.142	l0.553,2.874c0.197,1.155,0.467,2.395,0.811,3.721c1.326,5.158,3.906,7.737,7.738,7.737c3.635,0,7.885-2.149,12.748-6.448	c0.518-0.453,1.021-0.907,1.514-1.36c0.443,0.949,1.004,1.894,1.691,2.834c2.406,3.267,5.686,4.9,9.836,4.9	c3.955,0,8.586-1.326,13.891-3.979c4.986-2.505,8.793-5.256,11.422-8.253c0.467,0.32,0.945,0.626,1.438,0.921	c1.596,0.909,3.732,1.363,6.41,1.363c2.109,0,4.367-0.65,6.768-1.931c0.114,2.797,1.057,5.371,2.85,7.716	c0.934,1.204,2.068,2.198,3.408,2.984c1.338,0.786,2.91,1.179,4.717,1.179c1.805,0,3.492-0.368,5.064-1.105	c0.859-0.393,1.947-1.031,3.262-1.916c1.312-0.884,4.943-3.955,10.887-9.211c0.27,3.046,0.885,5.515,1.842,7.406	c0.418,0.86,0.885,1.572,1.4,2.137c0.516,0.565,1.02,1.013,1.512,1.345c0.49,0.332,1.51,0.694,3.057,1.087	c0.639,0.147,1.291,0.27,1.953,0.369c0.664,0.098,1.363,0.147,2.102,0.147c0.736,0,1.842-0.319,3.314-0.958	c4.74-2.087,9.924-5.698,15.549-10.832c2.26,1.277,4.385,1.916,6.375,1.916c1.988,0,3.715-0.208,5.176-0.626	c1.461-0.417,2.801-0.964,4.016-1.64c1.217-0.675,2.309-1.431,3.279-2.266s1.805-1.627,2.506-2.376	c0.699-0.749,1.896-2.278,3.592-4.587c0.418-0.564,0.785-1.111,1.105-1.639c0.318-0.528,0.576-1.001,0.773-1.419	c0.197-0.417,0.295-0.822,0.295-1.216C653.942,32.067,653.524,31.49,652.69,30.728z M544.663,37.913	c-2.262,1.842-4.791,3.366-7.59,4.569c-1.131,0.492-2.322,0.902-3.574,1.234c-1.254,0.332-2.354,0.154-3.483-0.534	c-0.467-0.319-0.608-1.007-0.608-2.063v-0.037l-0.056-0.11c0-0.417,0.249-0.995,0.839-1.732c1.842-2.161,4.583-4.261,8.269-6.3	c3.34-1.842,5.981-2.763,7.946-2.763c-1.547,1.769-2.326,3.537-2.326,5.306C544.079,36.316,544.268,37.127,544.663,37.913z"/>
</g><g>	<path d="M71.545,161.079l-4.873-15.771H39.746l-4.873,15.771H8.203l32.569-89.756h25.132l32.569,89.756H71.545z M58.979,119.662	c-0.77-2.904-1.455-5.427-2.052-7.564c-0.599-2.136-1.134-4.06-1.603-5.771c-0.471-1.709-0.877-3.27-1.218-4.68	c-0.343-1.411-0.641-2.886-0.897-4.424c-0.257,1.538-0.557,3.035-0.898,4.487c-0.342,1.455-0.749,3.035-1.218,4.744	c-0.471,1.711-1.006,3.635-1.603,5.771c-0.599,2.138-1.282,4.616-2.052,7.437l-1.667,5.899h14.875L58.979,119.662z"/>	<path d="M185.921,161.079h-22.952l-4.103-19.49c-0.77-3.418-1.497-6.988-2.18-10.707c-0.686-3.717-1.304-7.264-1.859-10.642	c-0.557-3.376-1.026-6.453-1.411-9.231c-0.384-2.777-0.621-4.979-0.705-6.604c-0.172,1.624-0.429,3.826-0.77,6.604	c-0.342,2.778-0.791,5.855-1.346,9.231c-0.557,3.378-1.176,6.925-1.859,10.642c-0.685,3.719-1.41,7.289-2.18,10.707l-4.103,19.49	h-22.696L98.344,71.322h25.645l2.436,15.002c0.513,3.163,1.046,6.476,1.603,9.938c0.555,3.462,1.068,6.904,1.539,10.322	c0.469,3.42,0.897,6.731,1.282,9.938c0.385,3.205,0.705,6.135,0.962,8.784c0.256-2.649,0.619-5.556,1.09-8.72	c0.469-3.161,1.026-6.431,1.667-9.809c0.641-3.376,1.282-6.796,1.923-10.259c0.641-3.462,1.302-6.815,1.987-10.065l3.077-15.13	h22.824l3.078,15.13c0.597,3.25,1.238,6.604,1.923,10.065c0.683,3.463,1.346,6.883,1.987,10.259	c0.641,3.378,1.196,6.647,1.667,9.809c0.469,3.164,0.833,6.071,1.09,8.72c0.256-2.649,0.577-5.579,0.961-8.784	c0.385-3.206,0.812-6.518,1.282-9.938c0.469-3.418,0.982-6.86,1.539-10.322c0.555-3.462,1.09-6.774,1.603-9.938l2.437-15.002	h25.388L185.921,161.079z"/>	<path d="M221.311,161.079V71.322h68.729v20.9H245.93v12.053h26.542v20.516H245.93v15.387h45.007v20.9H221.311z"/>	<path d="M376.334,133.51c0,5.129-0.92,9.533-2.758,13.207c-1.84,3.678-4.404,6.668-7.693,8.977	c-3.291,2.309-7.203,4.02-11.732,5.129c-4.531,1.109-9.489,1.666-14.874,1.666c-7.267,0-14.213-1.047-20.836-3.141	c-6.626-2.094-12.29-4.68-16.99-7.758l12.053-19.49c1.623,1.111,3.526,2.201,5.706,3.27c2.18,1.07,4.444,2.031,6.796,2.885	c2.35,0.855,4.722,1.539,7.117,2.053c2.392,0.512,4.616,0.77,6.667,0.77c4.444,0,7.502-0.428,9.168-1.283	c1.668-0.854,2.5-2.35,2.5-4.488c0-0.854-0.236-1.621-0.705-2.307c-0.471-0.684-1.281-1.348-2.436-1.988s-2.715-1.281-4.681-1.924	c-1.967-0.641-4.446-1.301-7.437-1.986c-5.385-1.283-10.087-2.648-14.104-4.104c-4.019-1.452-7.353-3.27-10.001-5.449	c-2.651-2.18-4.638-4.809-5.962-7.886c-1.327-3.077-1.988-6.88-1.988-11.412c0-4.188,0.833-8.034,2.5-11.54	c1.667-3.504,4.039-6.495,7.117-8.976c3.077-2.479,6.796-4.402,11.155-5.771c4.36-1.366,9.232-2.052,14.618-2.052	c7.694,0,14.381,0.897,20.067,2.693c5.684,1.795,10.92,4.359,15.707,7.693l-12.053,19.49c-4.02-2.735-8.035-4.829-12.053-6.283	c-4.02-1.453-8.334-2.18-12.951-2.18c-3.763,0-6.241,0.513-7.437,1.538c-1.198,1.026-1.795,2.353-1.795,3.976	c0,0.855,0.235,1.603,0.706,2.243c0.469,0.642,1.26,1.24,2.372,1.796c1.11,0.557,2.606,1.111,4.488,1.667	c1.879,0.557,4.273,1.176,7.181,1.859c5.642,1.368,10.515,2.864,14.617,4.487c4.104,1.625,7.48,3.548,10.131,5.771	c2.648,2.224,4.615,4.872,5.898,7.949C375.692,125.69,376.334,129.323,376.334,133.51z"/>	<path d="M470.706,116.072c0,7.438-1.025,14.042-3.076,19.811c-2.053,5.77-4.916,10.623-8.592,14.553	c-3.676,3.934-8.078,6.924-13.207,8.977c-5.129,2.051-10.729,3.076-16.797,3.076c-6.07,0-11.648-1.006-16.734-3.012	c-5.086-2.008-9.469-4.957-13.143-8.848c-3.676-3.889-6.52-8.721-8.527-14.49s-3.012-12.374-3.012-19.81	c0-7.438,1.025-14.041,3.076-19.812c2.053-5.77,4.914-10.62,8.592-14.553c3.674-3.932,8.078-6.925,13.207-8.976	c5.129-2.052,10.727-3.078,16.797-3.078c6.068,0,11.646,1.006,16.734,3.014c5.084,2.01,9.443,4.959,13.078,8.848	c3.633,3.891,6.475,8.719,8.527,14.489C469.68,102.031,470.706,108.635,470.706,116.072z"/>	<path d="M551.872,161.079v-21.412c0-4.445,0.043-8.656,0.129-12.631c0.084-3.975,0.211-7.713,0.385-11.22	c-0.684,1.711-1.451,3.591-2.303,5.643c-0.854,2.052-1.748,4.125-2.686,6.218c-0.938,2.096-1.875,4.148-2.812,6.154	c-0.938,2.01-1.791,3.828-2.557,5.451l-11.762,24.875l-11.764-24.875c-0.768-1.623-1.619-3.441-2.557-5.451	c-0.938-2.006-1.875-4.059-2.812-6.154c-0.938-2.094-1.832-4.167-2.684-6.218c-0.854-2.052-1.621-3.932-2.303-5.643	c0.17,3.507,0.299,7.245,0.385,11.22c0.084,3.975,0.129,8.186,0.129,12.631v21.412h-23.467V71.322h22.857L519.094,95.3	c1.281,2.907,2.545,5.706,3.787,8.398c1.242,2.693,2.354,5.216,3.34,7.565c0.982,2.353,1.838,4.468,2.568,6.348	c0.727,1.881,1.262,3.462,1.604,4.744c0.77-2.564,2.141-6.175,4.109-10.835c1.969-4.658,4.367-10.065,7.191-16.221l11.043-23.978	h22.6v89.756H551.872z"/>	<path d="M593.417,161.079V71.322h68.729v20.9h-44.109v12.053h26.543v20.516h-26.543v15.387h45.006v20.9H593.417z"/>
</g></svg> </h1> </div> <div class="Copy"> <p>Pellentesque habitant morbix tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Three Heading Solutions - Script Codes CSS Codes

.Container { width: 90%; margin: 0 auto; max-width: 58em;
}
.heading-1 { font-size: 60px;
}
.u-hiddenText { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block;
}
.svgHolder { position: relative; padding-top: 25.185%;
}
.svgHolder svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; fill: red;
}
.svgHolder svg:hover { fill: black;
}

Three Heading Solutions - Script Codes JS Codes

/*global jQuery */
/*!
* FitText.js 1.2
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
*
* Date: Thu May 05 14:23:00 2011 -0600
*/
(function( $ ){ $.fn.fitText = function( kompressor, options ) { // Setup options var compressor = kompressor || 1, settings = $.extend({ 'minFontSize' : Number.NEGATIVE_INFINITY, 'maxFontSize' : Number.POSITIVE_INFINITY }, options); return this.each(function(){ // Store the object var $this = $(this); // Resizer() resizes items based on the object width divided by the compressor * 10 var resizer = function () { $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize))); }; // Call once to set. resizer(); // Call on resize. Opera debounces their resize by default. $(window).on('resize.fittext orientationchange.fittext', resizer); }); };
})( jQuery );
$(".js-singleLine").fitText(0.75, { minFontSize: '26px', maxFontSize: '140px'});
Three Heading Solutions - Script Codes
Three Heading Solutions - Script Codes
Home Page Home
Developer James Nowland
Username jnowland
Uploaded October 31, 2022
Rating 3
Size 11,415 Kb
Views 10,120
Do you need developer help for Three Heading Solutions?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

James Nowland (jnowland) Script Codes
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!