https://bb-reg-net.org.uk/

掃描 ID：: c8c48e7f-883d-46ca-a95b-366971552aca已完成
已提交的 URL：: https://bb-reg-net.org.uk/
報告完成時間：: 2024年12月12日 15:27:04
連結 · 找到 2 個

從頁面中識別的傳出連結
連結	Text
https://www.eventbrite.co.uk/e/bio-based-materials-regulatory-science-and-innovation-network-launch-tickets-1075741835789	Come to our online launch event
https://forms.gle/et8ihF6KNbrpNbps8	Join now
JavaScript 變數 · 找到 10 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
名稱	類型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
$	undefined
jQuery	undefined
mc	object
$mcj	function
fnames	object
ftypes	object
type	boolean
主控台記錄訊息 · 找到 1 條

記錄到 Web 主控台的訊息
類型	類別	記錄
error	network	URL https://bb-reg-net.org.uk/favicon.ico Text Failed to load resource: the server responded with a status of 404 ()
HTML

頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BB-REG-NET - Sustainable Chemicals and Materials</title>

    <!-- <link rel="stylesheet" href="https://cdn-images.mailchimp.com/embedcode/classic-061523.css"> -->

<style>
    /* Roboto */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

    :root {
        --dark-green: #00312D;
        --bright-green: #BFF203;
        --light-green: #71BF01;
        --mid-green: #3A7819;
        --white: #ffffff;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Roboto', sans-serif;
    }

    body {
        font-size: 16px;
    }

    h1 {
        font-size: 50px;
        line-height: 42px;
    }

    h2 {
        font-size: 30px;
        line-height: 110px;
    }

    .container {
        max-width: 1400px;
        margin: 0 auto;
    }

    .nav-header {
        margin: 0 auto;
        width: 100%;
    }

    .hero-container {
        background: url('wp-content/uploads/2024/11/bb-reg-net-hero.png');
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .hero {
        /* background-image: url('wp-content/uploads/2024/11/bb-reg-net-hero.png'); */
        /* background: url('wp-content/uploads/2024/11/bb-reg-net-hero.png')  no-repeat left top, linear-gradient(90deg, rgba(0, 0, 0, 0.40) 64.63%, rgba(0, 0, 0, 0.00) 100%); */
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 64.63%, rgba(0, 0, 0, 0.00) 100%);

        padding: 4rem 2rem 0 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .logo {
        width: 232px;
        height: auto;
    }

    .hero-content-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 2rem;
    }

    .hero-content {
        width: 100%;
        height: 100%;
        margin: 5rem 0 0 0;
        color: var(--white);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hero h1 {
        width: 70%;
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 2rem;
    }

    .hero-plant {
        align-self: flex-end;
        width: 120px;
        height: auto;
    }

    .description {
        background: var(--white);
        padding: 80px 2rem;
    }

    .description-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        text-align: center;
    }

    .description-content p {
        font-size: 1rem;
        line-height: 1.6;
    }

    .cta-button {
        display: inline-block;
        padding: 0.75rem 1.5rem;
        background: var(--bright-green);
        color: var(--dark-green);
        text-decoration: none;
        border-radius: 25px;
        font-weight: bold;
        text-align: center;
        width: 100%;
        max-width: 300px;
    }

    .vision {
        background: var(--dark-green);
        color: var(--white);
        padding: 3rem 2rem;
    }

    .vision-content {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }

    .vision h2 {
        margin-bottom: 1.5rem;
    }

    .newsletter-form-container {
        padding-top: 2rem;
    }

    .newsletter-form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        width: 100%;
        padding-top: 1rem;

    }

    .newsletter-form input {
        padding: 0.75rem;
        border-radius: 25px;
        border: none;
        outline-color: var(--bright-green);
        width: 100%;
    }

    .newsletter-form button,
    .button {
        padding: 0.75rem 1.5rem;
        background: var(--bright-green);
        color: var(--dark-green);
        border: none;
        border-radius: 25px;
        cursor: pointer;
        font-weight: bold;
        width: 100%;
        min-width: 100px;
        max-width: 300px;
    }

    .circular-diagram {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }

    .what-we-do {
        background: var(--mid-green);
        color: var(--white);
        padding: 4rem 1.5rem;
    }

    .what-we-do-intro {
        margin: 2rem auto;
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .what-we-do-intro div {
        flex: 1;
    }

    .what-we-do h2 {
        /* margin-bottom: 2rem; */
        /* margin: 0 auto 2rem; */
    }

    .services-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
        margin: 0 auto;
    }

    .service-card {
        text-align: center;
        padding: 1.5rem;
        border-radius: 10px;
    }

    .service-card img {
        width: 64px;
        height: 64px;
        margin-bottom: 1rem;
    }

    .service-card h3 {
        color: var(--bright-green);
        margin-bottom: 1rem;
    }

    .research {
        margin: 0 auto;
        padding: 4rem 1.5rem;
        background: var(--white);
        color: var(--dark-green);
    }

    .research-content {
        margin: 0 auto;
    }

    .research-header {
        text-align: left;
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .research-header h2 {
        position: relative;
        padding-right: 4rem;
    }

    .research-header h2::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 3rem;
        height: 2px;
        background: var(--bright-green);
    }

    .research-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .research-card {
        background: var(--white);
        /* border-radius: 10px; */
        overflow: hidden;
        /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    }

    .research-image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px;
        /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    }

    .research-card h3 {
        padding: 1.5rem 1.5rem 0.5rem;
        text-align: center;
    }

    .research-card p {
        padding: 0 1.5rem 1.5rem;
        color: #666;
        font-size: 16px;
        text-align: center;

    }

    .research-card img {
        min-height: 312px;
    }

    .join {
        background: var(--light-green);
        color: var(--white);
        padding: 4rem 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .join-content {
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .join h2 {
        margin-bottom: 1.5rem;
    }

    .join h3 {
        margin-bottom: 1rem;
    }

    .join p {
        margin-bottom: 1rem;
        max-width: 600px;
    }

    .join-button {
        display: inline-block;
        padding: 0.75rem 3rem;
        background: var(--bright-green);
        color: var(--dark-green);
        text-decoration: none;
        border-radius: 25px;
        font-weight: bold;
        margin-top: 1rem;
    }

    .site-footer {
        background: #111;
        color: var(--white);
        padding: 3rem 1.5rem;
    }

    .footer-content {
        margin: 3rem auto;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .footer-logo {
        margin-bottom: 1rem;
    }

    .footer-left p {
        font-size: 11px;
        margin-bottom: 0.5rem;
    }

    .footer-center {
        font-size: 16px;
    }

    .footer-form {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }

    .footer-form-label {
        margin-bottom: 1rem;
        font-size: 18px;
    }

    .footer-form input {
        padding: 0.75rem;
        border-radius: 25px;
        border: none;
        width: 100%;
        max-width: 300px;
    }

    .footer-form button {
        padding: 0.75rem 1.5rem;
        background: var(--bright-green);
        border: none;
        border-radius: 25px;
        cursor: pointer;
        font-weight: bold;
        width: 140px;
    }

    @media (min-width: 640px) {

        .description-content {
            gap: 2rem;
        }

        .description-content p {
            font-size: 1.125rem;
        }

        .cta-button {
            width: auto;
        }
    }

    @media (min-width: 768px) {
        .hero {
            padding-top: 9rem;
        }

        .newsletter-form {
            flex-direction: row;
            align-items: start;
            max-width: 500px;
            height: 100%;
        }

        .newsletter-form input {
            flex-grow: 1;
        }

        .newsletter-form button {
            width: 120px;
        }

        .services-grid {
            flex-direction: row;

        }

        .research-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .footer-content {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .footer-form {
            flex-direction: row;
        }

        .footer-center {
            text-align: center;
        }
    }

    @media (min-width: 960px) {
        .hero h1 {
            width: 80%;
        }

        .description-content {
            flex-direction: row;
            justify-content: space-between;
            text-align: left;
            align-items: center;
        }

        .description-content>div {
            max-width: 60%;
        }

        .vision-content {
            flex-direction: row;
        }

        .services-grid {
            grid-template-columns: repeat(4, 1fr);
        }

        .what-we-do-intro {
            flex-direction: row;
        }
    }
</style><style type="text/css">#mc_embed_signup input.mce_inline_error { border-color:#6B0505; } #mc_embed_signup div.mce_inline_error { margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff; }</style></head>

<body style="zoom: 1;"><div>

    <section class="hero-container">
        <div class="hero">
            <header class="nav-header container">
                <a href="/">
                    <img src="wp-content/uploads/2024/11/logo-white.png" alt="BB-REG-NET" class="logo">
                </a>
            </header>
            <div class="hero-content-container container">
                <div class="hero-content ">
                    <h1>Shaping the future of sustainable chemicals and materials in the UK</h1>
                    <img src="wp-content/uploads/2024/11/plant-light-green.png" alt="Plant icon" class="hero-plant">
                </div>
            </div>
        </div>
    </section>

    <section class="description">
        <div class="description-content container">
            <div>
                <p><strong style="color: var(--light-green);">BB-REG-NET</strong> is a pioneering network of experts
                    from academia, industry, policy, regulatory and NGOs. Our mission is to develop new tools, standards
                    and approaches to evaluate the quality, performance and environmental and economic impact of
                    bio-based, biodegradable and compostable chemicals and materials.</p>
            </div>
            <a href="https://www.eventbrite.co.uk/e/bio-based-materials-regulatory-science-and-innovation-network-launch-tickets-1075741835789" class="cta-button" target="_blank">Come to our online launch event</a>
        </div>
    </section>

    <section class="vision" id="vision">
        <div class="vision-content container">
            <div>
                <h2>Our vision</h2>
                <p>Our vision is for a more sustainable future, where the UK is a global leader in developing,
                    manufacturing, using and exporting bio-based and biodegradable solutions, initiating the ability to
                    generate upward of £204 billion annual revenue for UK plc, whilst significantly helping the UK reach
                    its Net Zero goals, and ambitions for green growth.</p>

                <div class="newsletter-form-container">
                    <span>
                        <p>
                            <strong>Sign up to our news letter to learn more</strong>
                        </p>
                    </span>
                    <div id="mc_embed_signup">
                        <form action="https://bb-reg-net.us10.list-manage.com/subscribe/post?u=5bcf025c6ba120a2a38cdb5f6&amp;id=e803edd23c&amp;f_id=0051b8e4f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate="novalidate">
                            <div id="mc_embed_signup_scroll" class="newsletter-form">
                                <div class="mc-field-group">
                                    <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="" placeholder="Enter your email address" aria-required="true">
                                    <div id="mce-responses" class="clear foot">
                                        <div class="response" id="mce-error-response" style="display: none;"></div>
                                        <div class="response" id="mce-success-response" style="display: none;"></div>
                                    </div>
                                    <div aria-hidden="true" style="position: absolute; left: -5000px;">
                                        /* real people should not fill this in and expect good things - do not remove
                                        this or risk
                                        form
                                        bot signups */
                                        <input type="text" name="b_5bcf025c6ba120a2a38cdb5f6_e803edd23c" tabindex="-1" value="">
                                    </div>
                                </div>

                                <div class="optionalParent">
                                    <div class="clear foot">
                                        <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Sign up">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
            <img src="wp-content/uploads/2024/11/generation-of-evidence-for-policymaking.png" alt="Process diagram" class="circular-diagram">
        </div>
    </section>

    <section class="what-we-do">
        <h2 class="container">What we do</h2>
        <div class="container">
            <hr>
        </div>
        <div class="what-we-do-intro container">

            <div>
                The BB-Materials sector is nascent, meaning large databases of scientific evidence are not always
                available. However, evidence-informed policymaking should not be at odds with innovation. For
                BB-Materials, where evidence is limited, it is essential to assess current efforts, explore novel ways
                to realise the benefits, and pilot new policies – in turn generating evidence for future policy
                decisions.&nbsp;
            </div>
            <div>
                Evidence provided from BB-REG-NET will allow policymakers/regulators to assess the environmental and
                economic impacts of creating new policies, regulations and standards, and making alterations to existing
                ones.
            </div>
        </div>
        <div class="services-grid container">
            <div class="service-card">
                <img src="wp-content/uploads/2024/11/evidence.png" alt="Evidence">
                <h3>Evidence</h3>
                <p>Generate evidence using regulatory science tools, such as standards, metrics, peer-reviewed research,
                    to inform policy and assist regulators with complex decision</p>
            </div>
            <div class="service-card">
                <img src="wp-content/uploads/2024/11/partnerships.png" alt="Partnerships">
                <h3>Partnerships</h3>
                <p>Develop stronger partnerships across the regulatory innovation ecosystem, bringing together different
                    disciplines</p>
            </div>
            <div class="service-card">
                <img src="wp-content/uploads/2024/11/knowledge-share.png" alt="Knowledge share">
                <h3>Knowledge share</h3>
                <p>Share knowledge to inform evidence-based policymaking, allowing the sound assessment of risks and
                    benefits of BB-materials</p>
            </div>
            <div class="service-card">
                <img src="wp-content/uploads/2024/11/business-growth.png" alt="Business growth">
                <h3>Business growth</h3>
                <p>Provide business-growth opportunities by removing barriers to the commercialisation of BB-materials,
                    which are essential to a UK circular bioeconomy and sustainable economic growth</p>
            </div>
        </div>
    </section>


    <section class="research">
        <div class="research-content container">
            <div class="research-header">
                <h2>Our research</h2>
                <p style="font-size: 18px;">
                    <strong>
                        BB-REG-NET consists of four key research areas
                    </strong>
                </p>
            </div>
            <div class="research-grid">
                <div class="research-card">
                    <img src="wp-content/uploads/2024/11/circular-bio-economy.png" alt="Circular Bioeconomy" class="research-image">
                    <h3>Circular Bioeconomy</h3>
                    <p>Generating evidence across the full BB-Materials supply chain that enables a truly circular
                        bioeconomy</p>
                </div>
                <div class="research-card">
                    <img src="wp-content/uploads/2024/11/environmental-impact.png" alt="Environmental Impact" class="research-image">
                    <h3>Environmental Impact</h3>
                    <p>Developing Life Cycle Assessment (LCA) methodology and reviewing BB-Materials standards</p>
                </div>
                <div class="research-card">
                    <img src="wp-content/uploads/2024/11/economic-impact.png" alt="Economic Impact" class="research-image">
                    <h3>Economic Impact</h3>
                    <p>Generating economic evidence that supports decision-making across key policy areas</p>
                </div>
                <div class="research-card">
                    <img src="wp-content/uploads/2024/11/market-acceptance-and-consumer-understanding.png" alt="Market Acceptance" class="research-image">
                    <h3>Market Acceptance and Consumer Understanding</h3>
                    <p>
                        Assessment of terminology for BB-Materials to influence product labelling and communications, to
                        generate to increase consumer understanding and reduce green washing
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="join">
        <div class="join-content container">
            <h2>Join BB-REG-NET now</h2>
            <h3>Membership is free</h3>
            <p>Get involved in BB-REG-NET research and help shape the future of the bio-based, biodegradable and
                compostable chemicals and materials sector.</p>
            <p>Ensure our work is balanced and is well calibrated with all relevant stakeholders in the UK.</p>
            <a href="https://forms.gle/et8ihF6KNbrpNbps8" class="join-button" target="_blank">Join
                now</a>
        </div>
    </section>

    <footer class="site-footer">
        <div class="footer-content container">
            <div class="footer-left">
                <img src="wp-content/uploads/2024/11/logo-bright-green.png" alt="BB-REG-NET" class="footer-logo">
                <p>
                    © 2024 BB-REG-NET | All Rights Reserved
                </p>
            </div>
            <div class="footer-center">
                <p>Project supported by Innovate UK (Project No: 10139472)*</p>
            </div>
            <div class="footer-right">
                <div class="footer-form-label">Sign up to our news letter</div>
                <a href="#vision">
                    <button class="button">Sign up</button>
                </a>
            </div>
        </div>
    </footer>
</div>


<!-- MailChimp JS -->
<script type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
<script type="text/javascript" src="wp-content/themes/bb-reg-net/public/scripts/mailchimp/index.js"></script> 

<style>
    /* Mailchimp embed code style overrides */

    #mc_embed_signup {
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
    }

    #mc_embed_signup div.mce_inline_error {
        background: none;
        border-radius: 8px;
        color: red;
        font-weight: normal;
        padding: 6px;
        margin: 0;
    }

    #mc_embed_signup #mce-success-response {
        background: none;
        border-radius: 8px;
        color: var(--bright-green);
        font-weight: normal;
        padding: 6px;
    }

    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

    #mc_embed_signup .refferal_badge {
        display: none !important;
    }

    #mc_embed_signup .optionalParent {
        height: 50px;
    }

    #mc_embed_signup .optionalParent>div {
        display: flex;
        justify-content: left;
        width: 100%;
    }

    #mc_embed_signup .mc-field-group {
        height: 50px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    @media (min-width: 640px) {
        #mc_embed_signup .mc-field-group {
            height: auto;
        }
    }
</style></body></html>